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

   1
   2 <form #holdManageForm *ngIf="hold"
   3   class="form-validated common-form striped-odd">
   4
   5   <div class="form-group row d-flex">
   6     <div class="col-lg-2 d-flex">
   7       <div class="" *ngIf="isBatch()">
   8         <div class="form-check form-check-inline">
   9           <input class="form-check-input" type="checkbox"
  10             title="Activate Column Editing" i18n-title
  11             name="active_pickup_lib" [(ngModel)]="activeFields.pickup_lib"/>
  12         </div>
  13       </div>
  14       <div class="flex-1"><label for="pickupLibSelect" class="form-label" i18n>Pickup Library:</label></div>
  15     </div>
  16     <div class="col-lg-4">
  17       <!-- TODO: filter orgs as needed -->
  18       <eg-org-select
  19         domId="pickupLibSelect"
  20         [initialOrgId]="hold.pickup_lib()"
  21         [disabled]="isBatch() && !activeFields.pickup_lib"
  22         (onChange)="pickupLibChanged($event)">
  23       </eg-org-select>
  24     </div>
  25     <div class="col-lg-2 d-flex">
  26       <div class="" *ngIf="isBatch()">
  27         <div class="form-check form-check-inline">
  28           <input class="form-check-input" type="checkbox"
  29             title="Activate Column Editing" i18n-title
  30             name="active_mint_condition" [(ngModel)]="activeFields.mint_condition"/>
  31         </div>
  32       </div>
  33       <div class="flex-1">
  34         <label for="mint-condition" class="form-label" i18n>Desired Item Condition:</label>
  35       </div>
  36     </div>
  37     <div class="col-lg-4">
  38       <div class="form-check form-check-inline">
  39         <input class="form-check-input" type="checkbox" id="mint-condition"
  40           name="mint" value="mint"
  41           [disabled]="isBatch() && !activeFields.mint_condition"
  42           [ngModel]="hold.mint_condition() === 't'"
  43           (ngModelChange)="hold.mint_condition($event ? 't' : 'f')">
  44         <label class="form-label form-check-label" for="mint-condition">
  45           Good Condition Only
  46         </label>
  47       </div>
  48     </div>
  49   </div>
  50
  51   <div class="form-group row">
  52     <div class="col-lg-2 d-flex">
  53       <div class="" *ngIf="isBatch()">
  54         <div class="form-check form-check-inline">
  55           <input class="form-check-input" type="checkbox"
  56             title="Activate Column Editing" i18n-title
  57             name="active_frozen" [(ngModel)]="activeFields.frozen"/>
  58         </div>
  59       </div>
  60       <div class="flex-1">
  61         <label class="form-label" for="frozen" i18n>Hold is Suspended:</label>
  62       </div>
  63     </div>
  64     <div class="col-lg-4">
  65       <div class="form-check form-check-inline">
  66         <input class="form-check-input" type="checkbox"
  67           id="frozen" name="frozen"
  68           [disabled]="isBatch() && !activeFields.frozen"
  69           [ngModel]="hold.frozen() === 't'"
  70           (ngModelChange)="hold.frozen($event ? 't' : 'f')">
  71       </div>
  72     </div>
  73     <div class="col-lg-2 d-flex">
  74       <div class="" *ngIf="isBatch()">
  75         <div class="form-check form-check-inline">
  76           <input class="form-check-input" type="checkbox"
  77             title="Activate Column Editing" i18n-title
  78             name="active_cut_in_line" [(ngModel)]="activeFields.cut_in_line"/>
  79         </div>
  80       </div>
  81       <div class="flex-1">
  82         <label class="form-label" for="cut_in_line" i18n>Top of Queue:</label>
  83       </div>
  84     </div>
  85     <div class="col-lg-4">
  86       <div class="form-check form-check-inline">
  87         <input class="form-check-input" type="checkbox"
  88           id="cut_in_line" name="cut_in_line"
  89           [disabled]="isBatch() && !activeFields.cut_in_line"
  90           [ngModel]="hold.cut_in_line() === 't'"
  91           (ngModelChange)="hold.cut_in_line($event ? 't' : 'f')">
  92       </div>
  93     </div>
  94   </div>
  95
  96   <!-- wrap the date mod fields in a border to help
  97       differentiate from other fields -->
  98   <div class="w-100 border border-primary rounded">
  99     <div class="form-group row">
 100       <div class="col-lg-2 d-flex">
 101         <div class="" *ngIf="isBatch()">
 102           <div class="form-check form-check-inline">
 103             <input class="form-check-input" type="checkbox"
 104               title="Activate Column Editing" i18n-title
 105               name="active_thaw_date" [(ngModel)]="activeFields.thaw_date"/>
 106           </div>
 107         </div>
 108         <div class="flex-1"><label class="form-label" for="thaw_date" i18n>Activate Date:</label></div>
 109       </div>
 110       <div class="col-lg-4">
 111         <eg-date-select
 112           domId="thaw_date"
 113           [disabled]="isBatch() && !activeFields.thaw_date"
 114           (onChangeAsIso)="hold.thaw_date($event)"
 115           [initialIso]="hold.thaw_date()">
 116         </eg-date-select>
 117       </div>
 118       <div class="col-lg-2 d-flex">
 119         <div class="" *ngIf="isBatch()">
 120           <div class="form-check form-check-inline">
 121             <input class="form-check-input" type="checkbox"
 122               title="Activate Column Editing" i18n-title
 123               name="active_request_time" [(ngModel)]="activeFields.request_time"/>
 124           </div>
 125         </div>
 126         <div class="flex-1"><label class="form-label" for="request_time" i18n>Request Date:</label></div>
 127       </div>
 128       <div class="col-lg-4">
 129         <eg-date-select
 130           domId="request_time"
 131           [disabled]="isBatch() && !activeFields.request_time"
 132           (onChangeAsIso)="hold.request_time($event)"
 133           [initialIso]="hold.request_time()">
 134         </eg-date-select>
 135       </div>
 136     </div>
 137
 138     <div class="form-group row">
 139       <div class="col-lg-2 d-flex">
 140         <div class="" *ngIf="isBatch()">
 141           <div class="form-check form-check-inline">
 142             <input class="form-check-input" type="checkbox"
 143               title="Activate Column Editing" i18n-title
 144               name="active_expire_time" [(ngModel)]="activeFields.expire_time"/>
 145           </div>
 146         </div>
 147         <div class="flex-1"><label class="form-label" for="expire_time" i18n>Expire Date:</label></div>
 148       </div>
 149       <div class="col-lg-4">
 150         <eg-date-select
 151           domId="expire_time"
 152           [disabled]="isBatch() && !activeFields.expire_time"
 153           (onChangeAsIso)="hold.expire_time($event)"
 154           [initialIso]="hold.expire_time()">
 155         </eg-date-select>
 156       </div>
 157       <div class="col-lg-2 d-flex">
 158         <div class="" *ngIf="isBatch()">
 159           <div class="form-check form-check-inline">
 160             <input class="form-check-input" type="checkbox"
 161               title="Activate Column Editing" i18n-title
 162               name="active_shelf_expire_time" [(ngModel)]="activeFields.shelf_expire_time"/>
 163           </div>
 164         </div>
 165         <div class="flex-1"><label class="form-label" for="shelf_expire_time" i18n>Shelf Expire Date:</label></div>
 166       </div>
 167       <div class="col-lg-4">
 168         <eg-date-select
 169           domId="shelf_expire_time"
 170           [disabled]="isBatch() && !activeFields.shelf_expire_time"
 171           (onChangeAsIso)="hold.shelf_expire_time($event)"
 172           [initialIso]="hold.shelf_expire_time()">
 173         </eg-date-select>
 174       </div>
 175     </div>
 176   </div><!-- modify dates group border -->
 177
 178   <div class="form-group row">
 179     <div class="col-lg-2 d-flex">
 180       <div class="" *ngIf="isBatch()">
 181         <div class="form-check form-check-inline">
 182           <input class="form-check-input" type="checkbox"
 183             title="Activate Column Editing" i18n-title
 184             name="active_email_notify" [(ngModel)]="activeFields.email_notify"/>
 185         </div>
 186       </div>
 187       <div class="flex-1"><label class="form-label" for="email" i18n>Send Emails:</label></div>
 188     </div>
 189     <div class="col-lg-4">
 190       <div class="form-check form-check-inline">
 191         <input class="form-check-input" type="checkbox" id="email"
 192           name="email" [ngModel]="hold.email_notify() === 't'"
 193           [disabled]="isBatch() && !activeFields.email_notify"
 194           (ngModelChange)="hold.email_notify($event ? 't' : 'f')"/>
 195       </div>
 196     </div>
 197     <div class="col-lg-2 d-flex">
 198       <div class="" *ngIf="isBatch()">
 199         <div class="form-check form-check-inline">
 200           <input class="form-check-input" type="checkbox"
 201             title="Activate Column Editing" i18n-title
 202             name="active_phone_notify" [(ngModel)]="activeFields.phone_notify"/>
 203         </div>
 204       </div>
 205       <div class="flex-1"><label class="form-label" for="phone" i18n>Phone Number:</label></div>
 206     </div>
 207     <div class="col-lg-4">
 208       <input type="text" class="form-control" name="phone" id="phone"
 209         placeholder="Phone Number..." i18n-placeholder
 210           [disabled]="isBatch() && !activeFields.phone_notify"
 211         [ngModel]="hold.phone_notify()"
 212         (ngModelChange)="hold.phone_notify($event)"/>
 213     </div>
 214   </div>
 215
 216   <ng-container *ngIf="smsEnabled">
 217     <div class="form-group row">
 218       <div class="col-lg-2 d-flex">
 219         <div class="" *ngIf="isBatch()">
 220           <div class="form-check form-check-inline">
 221             <input class="form-check-input" type="checkbox"
 222               title="Activate Column Editing" i18n-title
 223               name="active_sms_notify" [(ngModel)]="activeFields.sms_notify"/>
 224           </div>
 225         </div>
 226         <div class="flex-1"><label class="form-label" for="sms_notify" i18n>Text/SMS Number:</label></div>
 227       </div>
 228       <div class="col-lg-4">
 229         <input type="text" class="form-control" name="sms_notify" id="sms_notify"
 230           placeholder="SMS Number..." i18n-placeholder
 231           [disabled]="isBatch() && !activeFields.sms_notify"
 232           [ngModel]="hold.sms_notify()"
 233           (ngModelChange)="hold.sms_notify($event)"/>
 234       </div>
 235       <div class="col-lg-2 d-flex">
 236         <div class="" *ngIf="isBatch()">
 237           <div class="form-check form-check-inline">
 238             <input class="form-check-input" type="checkbox"
 239               title="Activate Column Editing" i18n-title
 240               name="active_sms_carrier" [(ngModel)]="activeFields.sms_carrier"/>
 241           </div>
 242         </div>
 243         <div class="flex-1">
 244           <label class="form-label" for="sms_carrier" i18n>Text/SMS Number:</label>
 245         </div>
 246       </div>
 247       <div class="col-lg-4">
 248         <eg-combobox
 249           id="sms_carrier"
 250           [disabled]="isBatch() && !activeFields.sms_carrier"
 251           (onChange)="hold.sms_carrier($event.id)"
 252           [startId]="hold.sms_carrier()"
 253           [entries]="smsCarriers"
 254           placeholder="SMS Carrier..." i18n-placeholder>
 255         </eg-combobox>
 256       </div>
 257     </div>
 258   </ng-container>
 259
 260
 261   <div class="row d-flex justify-content-end">
 262     <div>
 263       <button type="button" class="btn btn-normal" (click)="exit()" i18n>
 264         Cancel
 265       </button>
 266       <button type="button" class="btn btn-success ms-2" (click)="save()" i18n>
 267         Apply
 268       </button>
 269     </div>
 270   </div>
 271 </form>
 272