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()">
6 <div class="modal-body">
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>
15 <div class="pdf-viewer-container w-100 mt-3">
16 <pngx-pdf-viewer [src]="pdfSrc" [(page)]="page"
17 [original-size]="false"
20 (after-load-complete)="pdfPreviewLoaded($event)">
26 <button class="btn btn-sm btn-primary" (click)="addSplit()">
27 <i-bs name="plus-circle"></i-bs>
28 <span i18n>Add Split</span>
32 <ul class="list-group mt-3">
33 @for (pageStr of pagesString.split(','); track pageStr; let i = $index) {
34 <li class="list-group-item">
36 @if (pagesString.split(',').length > 1) {
38 <button class="btn btn-sm btn-danger" (click)="removeSplit(i)">
39 <i-bs name="trash"></i-bs>
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>
52 <button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">