git.ipfire.org Git - thirdparty/paperless-ngx.git/blob

   1 <div class="modal-header">
   2     <h4 class="modal-title" id="modal-basic-title">{{title}}</h4>
   3     <button type="button" class="btn-close" aria-label="Close" (click)="cancel()">
   4     </button>
   5 </div>
   6 <div class="modal-body">
   7     <div class="row">
   8         <div class="col">
   9             <div class="btn-toolbar flex-nowrap">
  10                 <div class="input-group input-group-sm">
  11                     <div class="input-group-text" i18n>Page</div>
  12                     <input class="form-control mw-60" type="number" min="1" [(ngModel)]="currentPage" />
  13                     <div class="input-group-text" i18n>of {{totalPages}}</div>
  14                 </div>
  15                 <div class="input-group input-group-sm ms-auto">
  16                     <span class="input-group-text" i18n>Pages to remove</span>
  17                     <input [ngModel]="pagesString" class="form-control" disabled />
  18                 </div>
  19             </div>
  20             <div class="pdf-viewer-container w-100 mt-3">
  21                 <pdf-viewer #pdfViewer [src]="pdfSrc" [(page)]="currentPage"
  22                 [original-size]="false"
  23                 [zoom]="1"
  24                 zoom-scale="page-fit"
  25                 [render-text]="false"
  26                 (pagerendered)="pageRendered($event)"
  27                 (after-load-complete)="pdfPreviewLoaded($event)">
  28                 </pdf-viewer>
  29             </div>
  30         </div>
  31     </div>
  32 </div>
  33 <div class="modal-footer flex-nowrap">
  34     <div>
  35         @if (message) {
  36             <p [innerHTML]="message | safeHtml"></p>
  37         }
  38         @if (messageBold) {
  39             <p class="mb-0 small"><b [innerHTML]="messageBold | safeHtml"></b></p>
  40         }
  41     </div>
  42     <button type="button" class="btn" [class]="cancelBtnClass" (click)="cancel()" [disabled]="!buttonsEnabled">
  43             <span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
  44         </button>
  45     <button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">
  46         {{btnCaption}}
  47     </button>
  48 </div>
  49
  50 <ng-template #pageCheckOverlay let-page="page" let-pages="pages">
  51     <div class="position-absolute top-0 start-0 w-100 h-100 p-2" (click)="pageCheckChanged(page)">
  52         <input type="checkbox" class="form-check-input" />
  53     </div>
  54 </ng-template>