]> git.ipfire.org Git - thirdparty/paperless-ngx.git/blob
36bd7796d7d03b9ff30b7fbef69e48da52dacdcc
[thirdparty/paperless-ngx.git] /
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-6">
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 <pngx-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 </pngx-pdf-viewer>
22 </div>
23 </div>
24 <div class="col-6">
25 <div class="d-grid">
26 <button class="btn btn-sm btn-primary" (click)="addSplit()">
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">
35 {{pageStr}}
36 @if (pagesString.split(',').length > 1) {
37 &nbsp;
38 <button class="btn btn-sm btn-danger" (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 <button type="button" class="btn" [class]="cancelBtnClass" (click)="cancel()" [disabled]="!buttonsEnabled">
50 <span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
51 </button>
52 <button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">
53 {{btnCaption}}
54 </button>
55 </div>