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="close"
  12         i18n-aria-label aria-label="Close" (click)="close()">
  13         <span aria-hidden="true">&times;</span>
  14       </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 for="cance-reasons" i18n>Cancel Reason</label>
  23         </div>
  24         <div class="col-lg-8">
  25           <eg-combobox id='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 for="cance-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-warning"
  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>