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-2 d-flex justify-content-end">
   9             <button class="btn btn-secondary mt-auto" (click)="rotate(false)">
  10                 <i-bs name="arrow-counterclockwise"></i-bs>
  11             </button>
  12         </div>
  13         <div class="col-8 d-flex align-items-center">
  14             @if (documentID) {
  15                 <img class="w-50 m-auto" [ngStyle]="{'transform': 'rotate('+rotation+'deg)'}" [src]="documentService.getThumbUrl(documentID)" />
  16             }
  17         </div>
  18         <div class="col-2 d-flex">
  19             <button class="btn btn-secondary mt-auto" (click)="rotate()">
  20                 <i-bs name="arrow-clockwise"></i-bs>
  21             </button>
  22         </div>
  23     </div>
  24     <div class="row mt-4">
  25         <div class="col">
  26             @if (messageBold) {
  27               <p><b>{{messageBold}}</b></p>
  28             }
  29             @if (message) {
  30               <p class="mb-0" [innerHTML]="message | safeHtml"></p>
  31             }
  32         </div>
  33     </div>
  34     @if (showPDFNote) {
  35         <p class="small text-muted fst-italic mt-4" i18n>Note that only PDFs will be rotated.</p>
  36     }
  37 </div>
  38 <div class="modal-footer">
  39     <button type="button" class="btn" [class]="cancelBtnClass" (click)="cancel()" [disabled]="!buttonsEnabled">
  40         <span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
  41     </button>
  42     <button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled || degrees === 0">
  43       {{btnCaption}}
  44       @if (!confirmButtonEnabled) {
  45           <ngb-progressbar style="height: 1px;" type="dark" [max]="secondsTotal" [value]="seconds"></ngb-progressbar>
  46       }
  47     </button>
  48 </div>