paperless-ngx/src-ui/src/app/components/document-detail/document-detail.component.html

<app-page-header [(title)]="title">
    <button type="button" class="btn btn-sm btn-outline-danger mr-2" (click)="delete()">
        <svg class="buttonicon" fill="currentColor">
            <use xlink:href="assets/bootstrap-icons.svg#trash" />
        </svg>
        Delete
    </button>
    <a [href]="downloadUrl" class="btn btn-sm btn-outline-secondary mr-2">
        <svg class="buttonicon" fill="currentColor">
            <use xlink:href="assets/bootstrap-icons.svg#download" />
        </svg>
        Download
    </a>
    <button type="button" class="btn btn-sm btn-outline-secondary" (click)="close()">
        <svg class="buttonicon" fill="currentColor">
            <use xlink:href="assets/bootstrap-icons.svg#x" />
        </svg>
        Close
    </button>
</app-page-header>


<div class="row">
    <div class="col-xl">
        <form [formGroup]='documentForm' (ngSubmit)="save()">
            
            <app-input-text title="Title" formControlName="title"></app-input-text>
            
            <div class="form-group">
                <label for="archive_serial_number">Archive Serial Number</label>
                <input type="number" class="form-control" id="archive_serial_number"
                    formControlName='archive_serial_number'>
            </div>
            
            <app-input-date-time title="Date created" titleTime="Time created" formControlName="created"></app-input-date-time>
            
            <div class="form-group">
                <label for="content">Content</label>
                <textarea class="form-control" id="content" rows="5" formControlName='content'></textarea>
            </div>

            <app-input-select [items]="correspondents" title="Correspondent" formControlName="correspondent_id" allowNull="true" (createNew)="createCorrespondent()"></app-input-select>

            <app-input-select [items]="documentTypes" title="Document type" formControlName="document_type_id" allowNull="true" (createNew)="createDocumentType()"></app-input-select>

            <div class="form-group">
                <label for="exampleFormControlTextarea1">Tags</label>

                <div class="input-group">
                    <select multiple class="form-control" id="tags" formControlName="tags_id">
                        <option *ngFor="let t of tags" [ngValue]="t.id">{{t.name}}</option>
                    </select>

                    <div class="input-group-append">
                        <button class="btn btn-outline-secondary" type="button" (click)="createTag()">
                            <svg class="buttonicon" fill="currentColor">
                                <use xlink:href="assets/bootstrap-icons.svg#plus" />
                            </svg>
                        </button>
                    </div>

                </div>
                <small class="form-text text-muted">Hold CTRL to (de)select multiple tags.</small>

            </div>
            <button type="button" class="btn btn-outline-primary" (click)="saveEditNext()" *ngIf="hasNext()">Save & edit next</button>&nbsp;
            <button type="submit" class="btn btn-primary">Save</button>&nbsp;
        </form>
    </div>

    <div class="col-xl">
        <object [data]="previewUrl | safe" type="application/pdf" width="100%" height="100%">
            <p>Your browser does not support PDFs.
                <a href="previewUrl">Download the PDF</a>.</p>
        </object>

    </div>
</div>