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

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