Add documentation, cleanup

src-ui/src/app/components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component.html

@@ -2,8 +2,8 @@
     <h4 class="modal-title" id="modal-basic-title">{{title}}</h4>
     <button type="button" class="btn-close" aria-label="Close" (click)="cancel()">
     </button>
-  </div>
-  <div class="modal-body">
+</div>
+<div class="modal-body">
     <p>{{message}}</p>
     <div class="form-group">
         <label class="form-label" for="metadataDocumentID" i18n>Documents:</label>
@@ -28,23 +28,12 @@
         </select>
     </div>
     <p class="small text-muted fst-italic mt-4" i18n>Note that only PDFs will be included.</p>
-  </div>
-  <div class="modal-footer">
+</div>
+<div class="modal-footer">
     <button type="button" class="btn" [class]="cancelBtnClass" (click)="cancel()" [disabled]="!buttonsEnabled">
-          <span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
-        </button>
-    <button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">
-      <span>
-        {{btnCaption}}
-        <span class="visually-hidden">{{ seconds | number: '1.0-0' }} seconds</span>
-      </span>
-      @if (!confirmButtonEnabled) {
-        <ngb-progressbar style="height: 1px;" type="dark" [max]="secondsTotal" [value]="seconds"></ngb-progressbar>
-      }
+        <span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
     </button>
-    @if (alternativeBtnCaption) {
-      <button type="button" class="btn" [class]="alternativeBtnClass" (click)="alternative()" [disabled]="!alternativeButtonEnabled || !buttonsEnabled">
-        {{alternativeBtnCaption}}
-      </button>
-    }
-  </div>
+    <button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">
+        {{btnCaption}}
+    </button>
+</div>

src-ui/src/app/components/common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component.html

@@ -2,8 +2,8 @@
     <h4 class="modal-title" id="modal-basic-title">{{title}}</h4>
     <button type="button" class="btn-close" aria-label="Close" (click)="cancel()">
     </button>
-  </div>
-  <div class="modal-body">
+</div>
+<div class="modal-body">
     <div class="row">
         <div class="col-3 d-flex justify-content-end">
             <button class="btn btn-secondary mt-auto" (click)="rotate(false)">
@@ -31,23 +31,16 @@
             }
         </div>
     </div>
-  </div>
-  <div class="modal-footer">
+    <p class="small text-muted fst-italic mt-4" i18n>Note that only PDFs will be rotated.</p>
+</div>
+<div class="modal-footer">
     <button type="button" class="btn" [class]="cancelBtnClass" (click)="cancel()" [disabled]="!buttonsEnabled">
-          <span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
-        </button>
+        <span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
+    </button>
     <button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">
-      <span>
-        {{btnCaption}}
-        <span class="visually-hidden">{{ seconds | number: '1.0-0' }} seconds</span>
-      </span>
+      {{btnCaption}}
       @if (!confirmButtonEnabled) {
-        <ngb-progressbar style="height: 1px;" type="dark" [max]="secondsTotal" [value]="seconds"></ngb-progressbar>
+          <ngb-progressbar style="height: 1px;" type="dark" [max]="secondsTotal" [value]="seconds"></ngb-progressbar>
       }
     </button>
-    @if (alternativeBtnCaption) {
-      <button type="button" class="btn" [class]="alternativeBtnClass" (click)="alternative()" [disabled]="!alternativeButtonEnabled || !buttonsEnabled">
-        {{alternativeBtnCaption}}
-      </button>
-    }
-  </div>
+</div>

src-ui/src/app/components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component.html

@@ -2,15 +2,15 @@
     <h4 class="modal-title" id="modal-basic-title">{{title}}</h4>
     <button type="button" class="btn-close" aria-label="Close" (click)="cancel()">
     </button>
-  </div>
-  <div class="modal-body">
+</div>
+<div class="modal-body">
     <p>{{message}}</p>
     <div class="row mb-2">
         <div class="col-6">
             <div class="input-group input-group-sm">
-              <div class="input-group-text" i18n>Page</div>
-              <input class="form-control" type="number" min="1" [(ngModel)]="page" />
-              <div class="input-group-text" i18n>of {{totalPages}}</div>
+                <div class="input-group-text" i18n>Page</div>
+                <input class="form-control" type="number" min="1" [(ngModel)]="page" />
+                <div class="input-group-text" i18n>of {{totalPages}}</div>
             </div>
             <div class="pdf-viewer-container w-100 mt-3">
                 <pngx-pdf-viewer [src]="pdfSrc" [(page)]="page"
@@ -44,12 +44,12 @@
             </ul>
         </div>
     </div>
-  </div>
-  <div class="modal-footer">
+</div>
+<div class="modal-footer">
     <button type="button" class="btn" [class]="cancelBtnClass" (click)="cancel()" [disabled]="!buttonsEnabled">
-          <span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
+            <span class="d-inline-block" style="padding-bottom: 1px;">{{cancelBtnCaption}}</span>
         </button>
     <button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">
         {{btnCaption}}
     </button>
-  </div>
+</div>