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