Open-ILS/src/eg2/src/app/staff/share/holdings/copy-alerts-dialog.component.html

   1 <eg-string #successMsg text="Successfully Modified Copy Alerts" i18n-text></eg-string>
   2 <eg-string #errorMsg text="Failed To Modify Copy Alerts" i18n-text></eg-string>
   3
   4 <ng-template #dialogContent>
   5   <div class="modal-header">
   6     <h4 class="modal-title">
   7       <ng-container *ngIf="mode == 'create'">
   8         <span i18n>Adding alerts for {{copies.length}} item(s).</span>
   9       </ng-container>
  10       <ng-container *ngIf="mode == 'manage'">
  11         <span i18n>Managing alerts for item {{copies[0].barcode()}}</span>
  12       </ng-container>
  13       <span i18n></span>
  14     </h4>
  15     <button type="button" class="close"
  16       i18n-aria-label aria-label="Close" (click)="dismiss('cross_click')">
  17       <span aria-hidden="true">&times;</span>
  18     </button>
  19   </div>
  20   <div class="modal-body p-4 form-validated">
  21     <div class="row mt-2 p-2 rounded border border-success">
  22       <div class="col-lg-4">
  23         <eg-combobox [entries]="alertTypes"
  24           i18n-placeholder placeholder="New Alert Type..."
  25           [required]="true"
  26           (onChange)="newAlert.alert_type($event ? $event.id : null)">
  27         </eg-combobox>
  28       </div>
  29       <div class="col-lg-5">
  30         <textarea class="form-control" rows="2"
  31           i18n-placeholder placeholder="New Alert Note..."
  32           (ngModelChange)="newAlert.note($event)" [ngModel]="newAlert.note()">
  33         </textarea>
  34       </div>
  35       <div class="col-lg-3">
  36         <div class="d-flex flex-column">
  37           <div class="form-check">
  38             <input class="form-check-input" type="checkbox"
  39               [ngModel]="newAlert.temp() == 't'"
  40               (ngModelChange)="newAlert.temp($event ? 't' : 'f')"
  41               id="new-alert-temporary">
  42             <label class="form-check-label" for="new-alert-temporary" i18n>
  43               Temporary?
  44             </label>
  45           </div>
  46           <div class="pt-2">
  47             <button class="btn btn-success" (click)="addNew()" i18n>
  48               Add New
  49             </button>
  50           </div>
  51         </div>
  52       </div>
  53     </div>
  54     <ng-container *ngIf="mode == 'manage'">
  55       <!-- in manage mode list all of the alerts linked to the copy -->
  56       <div class="row mt-2"
  57         *ngFor="let alert of copy.copy_alerts()">
  58         <div class="col-lg-12 pb-2"><hr/></div>
  59         <div class="col-lg-4">
  60           <eg-combobox [entries]="alertTypes" [startId]="alert.alert_type()"
  61             i18n-placeholder placeholder="Alert Type..."
  62             [required]="true"
  63             (onChange)="alert.alert_type($event ? $event.id : null); alert.ischanged(true)">
  64           </eg-combobox>
  65           <div class="pl-2 pt-2" i18n>
  66             Added: {{alert.create_time() | date:'shortDate'}}
  67           </div>
  68         </div>
  69         <div class="col-lg-5">
  70           <textarea class="form-control" rows="2"
  71             i18n-placeholder placeholder="Alert Note..."
  72             (ngModelChange)="alert.note($event); alert.ischanged(true)"
  73             [ngModel]="alert.note()">
  74           </textarea>
  75         </div>
  76         <div class="col-lg-3">
  77           <div class="d-flex flex-column">
  78             <div class="form-check">
  79               <input class="form-check-input" type="checkbox"
  80                 [ngModel]="alert.temp() == 't'"
  81                 (ngModelChange)="alert.temp($event ? 't' : 'f'); alert.ischanged(true)"
  82                 id="alert-temporary-{{alert.id()}}">
  83               <label class="form-check-label" for="alert-temporary-{{alert.id()}}" i18n>
  84                 Temporary?
  85               </label>
  86             </div>
  87             <div class="form-check pt-2">
  88               <input class="form-check-input" type="checkbox"
  89                 [ngModel]="alert.ack_time() != null"
  90                 (ngModelChange)="alert.ack_time($event ? 'now' : null); alert.ischanged(true)"
  91                 id="alert-temporary-{{alert.id()}}">
  92               <label class="form-check-label" for="alert-temporary-{{alert.id()}}" i18n>
  93                 Clear?
  94               </label>
  95             </div>
  96           </div>
  97         </div>
  98       </div>
  99     </ng-container>
 100   </div>
 101   <div class="modal-footer">
 102     <button type="button" class="btn btn-secondary"
 103       (click)="dismiss('canceled')" i18n>Close</button>
 104     <ng-container *ngIf="mode == 'manage'">
 105       <button class="btn btn-success mr-2"
 106         (click)="applyChanges()" i18n>Apply Changes</button>
 107     </ng-container>
 108   </div>
 109 </ng-template>