Open-ILS/src/eg2/src/app/staff/share/holds/cancel-dialog.component.html

   1 <eg-string #successMsg
   2     text="Successfully Canceled Hold" i18n-text></eg-string>
   3 <eg-string #errorMsg
   4     text="Failed To Cancel Hold" i18n-text></eg-string>
   5
   6 <ng-template #dialogContent>
   7     <div class="modal-header bg-info">
   8       <h4 class="modal-title">
   9         <span i18n>Cancel Hold</span>
  10       </h4>
  11       <button type="button" class="btn-close btn-close-white"
  12         i18n-aria-label aria-label="Close" (click)="close()"></button>
  13     </div>
  14     <div class="modal-body">
  15       <div class="row d-flex justify-content-center">
  16           <h5>Cancel {{holdIds.length}} Holds?</h5>
  17       </div>
  18       <div class="row mt-2">
  19         <div class="col-lg-4">
  20           <label class="form-label" for="cancel-reasons" i18n>Cancel Reason</label>
  21         </div>
  22         <div class="col-lg-8">
  23           <eg-combobox domId='cancel-reasons' [entries]="cancelReasons"
  24             [startId]="5" (onChange)="cancelReason = $event ? $event.id : null">
  25           </eg-combobox>
  26         </div>
  27       </div>
  28       <div class="row mt-2">
  29         <div class="col-lg-4">
  30           <label class="form-label" for="cancel-note" i18n>Cancel Note</label>
  31         </div>
  32         <div class="col-lg-8">
  33           <textarea id='cancel-note' class="form-control"
  34             [(ngModel)]="cancelNote"></textarea>
  35         </div>
  36         </div>
  37       <div class="row mt-2" *ngIf="numSucceeded > 0">
  38         <div class="col-lg-12" i18n>
  39           {{numSucceeded}} Hold(s) Successfully Canceled
  40         </div>
  41         <div class="row" *ngIf="numFailed > 0">
  42           <div class="col-lg-12">
  43             <div class="alert alert-warning">
  44               {{numFailed}} Hold(s) Failed to Cancel.
  45             </div>
  46           </div>
  47         </div>
  48       </div>
  49     </div>
  50     <div class="modal-footer">
  51       <ng-container *ngIf="!chargeResponse">
  52         <button type="button" class="btn btn-warning"
  53           (click)="close()" i18n>Cancel</button>
  54         <button type="button" class="btn btn-success"
  55           (click)="cancelBatch()" i18n>Cancel Hold</button>
  56       </ng-container>
  57     </div>
  58   </ng-template>