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>
        <span class="d-none d-lg-inline"> Delete</span>
    </button>

    <div class="btn-group mr-2">

        <a [href]="downloadUrl" class="btn btn-sm btn-outline-primary">
            <svg class="buttonicon" fill="currentColor">
                <use xlink:href="assets/bootstrap-icons.svg#download" />
            </svg>
            <span class="d-none d-lg-inline"> Download</span>
        </a>
    
        <div class="btn-group" ngbDropdown role="group" *ngIf="metadata?.paperless__has_archive_version">
          <button class="btn btn-sm btn-outline-primary dropdown-toggle-split" ngbDropdownToggle></button>
          <div class="dropdown-menu" ngbDropdownMenu>
            <a ngbDropdownItem [href]="downloadOriginalUrl">Download original</a>
          </div>
        </div>
    
      </div>


    <button type="button" class="btn btn-sm btn-outline-primary" (click)="close()">
        <svg class="buttonicon" fill="currentColor">
            <use xlink:href="assets/bootstrap-icons.svg#x" />
        </svg>
        <span class="d-none d-lg-inline"> Close</span>
    </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" allowNull="true" (createNew)="createCorrespondent()"></app-input-select>

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

            <app-input-tags formControlName="tags" title="Tags"></app-input-tags>

            <button type="button" class="btn btn-outline-secondary" (click)="discard()">Discard</button>&nbsp;
            <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>