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     <p>{{message}}</p>
   8     <div class="row mb-2">
   9         <div class="col-7">
  10             <div class="input-group input-group-sm">
  11                 <div class="input-group-text" i18n>Page</div>
  12                 <input class="form-control" type="number" min="1" [(ngModel)]="page" />
  13                 <div class="input-group-text" i18n>of {{totalPages}}</div>
  14             </div>
  15             <div class="pdf-viewer-container w-100 mt-3">
  16                 <pdf-viewer [src]="pdfSrc" [(page)]="page"
  17                 [original-size]="false"
  18                 [zoom]="1"
  19                 zoom-scale="page-fit"
  20                 (after-load-complete)="pdfPreviewLoaded($event)">
  21                 </pdf-viewer>
  22             </div>
  23         </div>
  24         <div class="col-5">
  25             <div class="d-grid">
  26                 <button class="btn btn-sm btn-primary" (click)="addSplit()" [disabled]="!canSplit">
  27                     <i-bs name="plus-circle"></i-bs>&nbsp;
  28                     <span i18n>Add Split</span>
  29                 </button>
  30             </div>
  31
  32             <ul class="list-group mt-3">
  33                 @for (pageStr of pagesString.split(','); track pageStr; let i = $index) {
  34                     <li class="list-group-item d-flex align-items-center">
  35                         {{pageStr}}
  36                         @if (pagesString.split(',').length > 1) {
  37                             &nbsp;
  38                             <button class="btn btn-sm btn-danger ms-auto" (click)="removeSplit(i)">
  39                                 <i-bs name="trash"></i-bs>
  40                             </button>
  41                         }
  42                     </li>
  43                 }
  44             </ul>
  45         </div>
  46     </div>
  47 </div>
  48 <div class="modal-footer">
  49     <div class="form-check form-switch me-auto">
  50        <input class="form-check-input" type="checkbox" role="switch" id="deleteOriginalSwitch" [(ngModel)]="deleteOriginal" [disabled]="!userOwnsDocument">
  51        <label class="form-check-label" for="deleteOriginalSwitch" i18n>Delete original document after successful split</label>
  52      </div>
  53     <button type="button" class="btn" [class]="cancelBtnClass" (click)="cancel()" [disabled]="!buttonsEnabled">
  54             <span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
  55         </button>
  56     <button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">
  57         {{btnCaption}}
  58     </button>
  59 </div>