Open-ILS/src/eg2/src/app/staff/circ/checkin/checkin.component.html

   1 <eg-staff-banner *ngIf="!isHoldCapture" i18n-bannerText bannerText="Checkin Items">
   2 </eg-staff-banner>
   3
   4 <eg-staff-banner *ngIf="isHoldCapture" i18n-bannerText bannerText="Capture Holds">
   5 </eg-staff-banner>
   6
   7 <eg-mark-damaged-dialog #markDamagedDialog></eg-mark-damaged-dialog>
   8 <eg-circ-components></eg-circ-components>
   9 <eg-progress-dialog #progressDialog></eg-progress-dialog>
  10 <eg-barcode-select #barcodeSelect></eg-barcode-select>
  11 <eg-copy-alerts-dialog #copyAlertsDialog></eg-copy-alerts-dialog>
  12 <eg-bucket-dialog #bucketDialog></eg-bucket-dialog>
  13 <eg-string #itemNeverCircedStr i18n-text
  14   text="Item CONC40000598 has never circulated."></eg-string>
  15 <eg-backdate-dialog #backdateDialog></eg-backdate-dialog>
  16 <eg-cancel-transit-dialog #cancelTransitDialog></eg-cancel-transit-dialog>
  17 <eg-worklog-strings-components></eg-worklog-strings-components>
  18
  19 <div class="row" *ngIf="hasAlerts()">
  20   <div class="col-lg-12 alert alert-danger p-1">
  21     <span class="mr-2 pr-2 border-right border-dark"
  22       *ngIf="backdate" i18n>Backdated Check In {{backdate | date:'shortDate'}}</span>
  23     <span class="mr-2 pr-2 border-right border-dark"
  24       *ngIf="backdate && backdateUntilLogout" i18n>Use Effective Date Until Logout</span>
  25     <span class="mr-2 pr-2 border-right border-dark"
  26       *ngIf="modifiers.no_precat_alert" i18n>Ignore Pre-Cataloged Items</span>
  27     <span class="mr-2 pr-2 border-right border-dark"
  28       *ngIf="modifiers.noop" i18n>Suppress Holds and Transits</span>
  29     <span class="mr-2 pr-2 border-right border-dark"
  30       *ngIf="modifiers.void_overdues" i18n>Amnesty Mode</span>
  31     <span class="mr-2 pr-2 border-right border-dark"
  32       *ngIf="modifiers.auto_print_holds_transits" i18n>Auto-Print Hold and Transit Slips</span>
  33     <span class="mr-2 pr-2 border-right border-dark"
  34       *ngIf="modifiers.clear_expired" i18n>Clear Holds Shelf</span>
  35     <ng-container *ngIf="modifiers.retarget_holds">
  36       <span class="mr-2 pr-2 border-right border-dark"
  37         *ngIf="modifiers.retarget_holds_all" i18n>Always Retarget Local Holds</span>
  38       <span class="mr-2 pr-2 border-right border-dark"
  39         *ngIf="!modifiers.retarget_holds_all" i18n>Retarget Local Holds</span>
  40     </ng-container>
  41     <span class="mr-2 pr-2 border-right border-dark"
  42       *ngIf="modifiers.hold_as_transit" i18n>Capture Local Holds As Transits</span>
  43     <span class="mr-2 pr-2 border-right border-dark"
  44       *ngIf="modifiers.manual_float" i18n>Manual Floating Active</span>
  45     <span class="mr-2 pr-2 border-right border-dark"
  46       *ngIf="modifiers.do_inventory_update" i18n>Update Inventory</span>
  47   </div>
  48 </div>
  49
  50 <div class="row mb-3 pb-3 border-bottom">
  51   <div class="col-lg-12 d-flex">
  52     <div class="form-inline">
  53       <div class="input-group">
  54         <div class="input-group-prepend">
  55           <span class="input-group-text" i18n>Barcode</span>
  56         </div>
  57         <input type="text" class="form-control" id="barcode-input"
  58           placeholder="Barcode..." i18n-placeholder [(ngModel)]="barcode"
  59           i18n-aria-label aria-label="Barcode Input" (keydown.enter)="checkin()" />
  60         <div class="input-group-append">
  61           <button class="btn btn-outline-dark" (keydown.enter)="checkin()"
  62             (click)="checkin()" i18n>Submit</button>
  63         </div>
  64       </div>
  65     </div>
  66     <div class="flex-1"></div>
  67     <div class="mr-2">
  68       <div class="form-check form-check-inline">
  69         <input class="form-check-input" type="checkbox"
  70           id="use-date-cbox" [(ngModel)]="backdateUntilLogout"/>
  71         <label class="form-check-label"
  72           for="use-date-cbox" i18n>Use effective date until logout</label>
  73       </div>
  74     </div>
  75     <div class="mr-2" i18n>Effective Date:</div>
  76     <eg-date-select [initialIso]="backdate" [(ngModel)]="backdateDate"
  77       (onChangeAsIso)="backdate = $event"></eg-date-select>
  78     <button class="btn btn-sm btn-outline-dark ml-1"
  79       (click)="backdateDate=null; backdate=null" i18n>Clear</button>
  80   </div>
  81 </div>
  82
  83 <div *ngIf="fineTally > 0">
  84   <span class="mr-2" i18n>Fine Tally: </span>
  85   <span class="badge badge-danger">{{fineTally | currency}}</span>
  86 </div>
  87
  88 <!-- doc_id below because checkin returns an MVR -->
  89 <ng-template #titleTemplate let-r="row">
  90   <ng-container *ngIf="r.record">
  91     <a routerLink="/staff/catalog/record/{{r.record.doc_id()}}">{{r.title}}</a>
  92   </ng-container>
  93   <ng-container *ngIf="!r.record">{{r.title}}</ng-container>
  94 </ng-template>
  95
  96 <ng-template #barcodeTemplate let-r="row">
  97   <ng-container *ngIf="r.copy">
  98     <a href="/eg/staff/cat/item/{{r.copy.id()}}">{{r.copy.barcode()}}</a>
  99   </ng-container>
 100 </ng-template>
 101
 102 <div class="row">
 103   <div class="col-lg-12">
 104     <eg-grid #grid [dataSource]="gridDataSource" [sortable]="true"
 105       [useLocalSort]="true" [cellTextGenerator]="cellTextGenerator"
 106       [disablePaging]="true" [persistKey]="persistKey">
 107
 108       <eg-grid-toolbar-action
 109         group="Mark" i18n-group i18n-label label="Mark Item Damaged"
 110         (onClick)="markDamaged($event)"></eg-grid-toolbar-action>
 111
 112       <eg-grid-toolbar-action
 113         group="Mark" i18n-group i18n-label label="Mark Missing Pieces"
 114         (onClick)="markMissingPieces($event)"></eg-grid-toolbar-action>
 115
 116       <eg-grid-toolbar-action
 117         i18n-group group="Edit" i18n-label label="Manage Item Alerts"
 118         [disabled]="grid.context.rowSelector.selected().length !== 1"
 119         (onClick)="manageItemAlerts($event)">
 120       </eg-grid-toolbar-action>
 121
 122       <eg-grid-toolbar-action
 123         i18n-group group="Edit" i18n-label label="Edit Holdings"
 124         (onClick)="editHoldings($event)">
 125       </eg-grid-toolbar-action>
 126
 127       <eg-grid-toolbar-action
 128         i18n-group group="Print" i18n-label label="Print Labels"
 129         (onClick)="openItemPrintLabels($event)">
 130       </eg-grid-toolbar-action>
 131
 132       <eg-grid-toolbar-action
 133         i18n-group group="Add" i18n-label label="Add Item Alerts"
 134         (onClick)="addItemAlerts($event)">
 135       </eg-grid-toolbar-action>
 136
 137       <eg-grid-toolbar-action
 138         i18n-group group="Add" i18n-label label="Add Items To Bucket"
 139         (onClick)="openBucketDialog($event)">
 140       </eg-grid-toolbar-action>
 141
 142       <eg-grid-toolbar-action
 143         i18n-group group="Circulation" i18n-label label="Backdate Post-Checkin"
 144         (onClick)="backdatePostCheckin($event)">
 145       </eg-grid-toolbar-action>
 146
 147       <eg-grid-toolbar-action
 148         i18n-group group="Circulation" i18n-label label="Cancel Transits"
 149         (onClick)="cancelTransits($event)">
 150       </eg-grid-toolbar-action>
 151
 152       <eg-grid-toolbar-action
 153         i18n-group group="Show" i18n-label
 154         label="Retrieve Last Patron Who Circulated Item"
 155         [disabled]="grid.context.rowSelector.selected().length !== 1"
 156         (onClick)="retrieveLastPatron($event)">
 157       </eg-grid-toolbar-action>
 158
 159       <eg-grid-toolbar-action
 160         i18n-group group="Show" i18n-label
 161         label="Show Record Holds"
 162         [disabled]="grid.context.rowSelector.selected().length !== 1"
 163         (onClick)="showRecordHolds($event)">
 164       </eg-grid-toolbar-action>
 165
 166       <eg-grid-toolbar-action
 167         i18n-group group="Show" i18n-label
 168         label="Show Last Few Circs"
 169         [disabled]="grid.context.rowSelector.selected().length !== 1"
 170         (onClick)="showRecentCircs($event)">
 171       </eg-grid-toolbar-action>
 172
 173       <!-- COLUMNS -->
 174
 175       <eg-grid-column path="index" [index]="true"
 176         label="Row Index" i18n-label [hidden]="true"></eg-grid-column>
 177
 178       <eg-grid-column path="mbts.balance_owed" label="Balance Owed"
 179         datatype="money" i18n-label></eg-grid-column>
 180
 181       <eg-grid-column path="copy.barcode" label="Barcode"
 182         i18n-label [cellTemplate]="barcodeTemplate"></eg-grid-column>
 183
 184       <eg-grid-column path="circ.id" label="Bill #" i18n-label>
 185       </eg-grid-column>
 186
 187       <eg-grid-column path="circ.checkin_time" label="Checkin Date" i18n-label
 188         datatype="timestamp" [datePlusTime]="true"></eg-grid-column>
 189
 190       <eg-grid-column path="circ.xact_finish" label="Finish" i18n-label
 191         datatype="timestamp" [datePlusTime]="true"></eg-grid-column>
 192       <eg-grid-column path="circ_patron.family_name" label="Last Name" i18n-label>
 193       </eg-grid-column>
 194
 195       <eg-grid-column path="circ_patron.first_given_name" label="First Name" i18n-label>
 196       </eg-grid-column>
 197
 198       <eg-grid-column path="copy.location.name" label="Location" i18n-label [hidden]="true">
 199       </eg-grid-column>
 200
 201       <eg-grid-column name="routeTo" label="Route To" i18n-label>
 202       </eg-grid-column>
 203
 204       <eg-grid-column path="circ.xact_start" label="Start" i18n-label
 205         datatype="timestamp" [datePlusTime]="true"></eg-grid-column>
 206
 207       <eg-grid-column path="title" label="Title" i18n-label
 208         [cellTemplate]="titleTemplate"></eg-grid-column>
 209
 210       <eg-grid-column path="copy.circ_modifier"
 211         label="Circulation Modifier" i18n-label></eg-grid-column>
 212
 213       <eg-grid-column path="copy.circ_lib.shortname"
 214         label="Circulation Library" i18n-label></eg-grid-column>
 215
 216       <eg-grid-column path="copy.status.name"
 217         label="Item Status" i18n-label></eg-grid-column>
 218
 219       <eg-grid-column path="circ.due_date" label="Due Date" i18n-label
 220         timezoneContextOrg="circ.circ_lib" dateOnlyIntervalField="circ.duration"
 221         datatype="timestamp"></eg-grid-column>
 222
 223       <eg-grid-column path="copy.*" idlClass="acp" [hidden]="true"></eg-grid-column>
 224       <eg-grid-column path="volume.*" idlClass="acn" [hidden]="true"></eg-grid-column>
 225       <eg-grid-column path="circ.*" idlClass="circ" [hidden]="true"></eg-grid-column>
 226       <eg-grid-column path="mbts.*" idlClass="mbts" [hidden]="true"></eg-grid-column>
 227       <eg-grid-column path="patron.*" idlClass="au" [hidden]="true"></eg-grid-column>
 228       <eg-grid-column path="record.*" idlClass="mvr" [hidden]="true"></eg-grid-column>
 229       <eg-grid-column path="hold.*" idlClass="ahr" [hidden]="true"></eg-grid-column>
 230       <eg-grid-column path="transit.*" idlClass="atc" [hidden]="true"></eg-grid-column>
 231
 232     </eg-grid>
 233   </div>
 234 </div>
 235
 236 <div class="row mt-3 pt-3">
 237   <div class="col-lg-12 d-flex">
 238     <div class="flex-1"></div>
 239     <div class="mr-3">
 240       <button class="btn btn-outline-dark"
 241         (click)="printReceipt()" i18n>Print Receipt</button>
 242     </div>
 243     <div class="mr-3">
 244       <div class="form-check form-check-inline">
 245         <input class="form-check-input" type="checkbox"
 246           id="trim-list-cbox" [(ngModel)]="trimList"/>
 247         <label class="form-check-label"
 248           for="trim-list-cbox" i18n>Trim List (20)</label>
 249       </div>
 250     </div>
 251     <div class="mr-3">
 252       <div class="form-check form-check-inline">
 253         <input class="form-check-input" type="checkbox"
 254           (ngModelChange)="toggleStrictBarcode($event)"
 255           id="strict-barcode-cbox" [(ngModel)]="strictBarcode"/>
 256         <label class="form-check-label"
 257           for="strict-barcode-cbox" i18n>Strict Barcode</label>
 258       </div>
 259     </div>
 260     <div>
 261       <div ngbDropdown>
 262         <button class="btn btn-outline-dark"
 263           ngbDropdownToggle i18n>Checkin Modifiers</button>
 264         <div ngbDropdownMenu>
 265           <a ngbDropdownItem (click)="toggleMod('no_precat_alert')">
 266             <span *ngIf="modifiers.no_precat_alert"
 267               class="badge badge-success mr-2">&#x2713;</span>
 268             <span *ngIf="!modifiers.no_precat_alert"
 269               class="badge badge-warning mr-2">&#x2717;</span>
 270             <span i18n>Ignore Pre-cataloged Items</span>
 271           </a>
 272           <a ngbDropdownItem *ngIf="!isHoldCapture" (click)="toggleMod('noop')">
 273             <span *ngIf="modifiers.noop"
 274               class="badge badge-success mr-2">&#x2713;</span>
 275             <span *ngIf="!modifiers.noop"
 276               class="badge badge-warning mr-2">&#x2717;</span>
 277             <span i18n>Suppress Holds and Transits</span>
 278           </a>
 279           <a ngbDropdownItem (click)="toggleMod('void_overdues')">
 280             <span *ngIf="modifiers.void_overdues"
 281               class="badge badge-success mr-2">&#x2713;</span>
 282             <span *ngIf="!modifiers.void_overdues"
 283               class="badge badge-warning mr-2">&#x2717;</span>
 284             <span i18n>Amnesty Mode</span>
 285           </a>
 286           <a ngbDropdownItem *ngIf="!isHoldCapture"
 287             (click)="toggleMod('auto_print_holds_transits')">
 288             <span *ngIf="modifiers.auto_print_holds_transits"
 289               class="badge badge-success mr-2">&#x2713;</span>
 290             <span *ngIf="!modifiers.auto_print_holds_transits"
 291               class="badge badge-warning mr-2">&#x2717;</span>
 292             <span>Auto-Print Hold and Transit Slips</span>
 293           </a>
 294           <a ngbDropdownItem (click)="toggleMod('clear_expired')">
 295             <span *ngIf="modifiers.clear_expired"
 296               class="badge badge-success mr-2">&#x2713;</span>
 297             <span *ngIf="!modifiers.clear_expired"
 298               class="badge badge-warning mr-2">&#x2717;</span>
 299             <span i18n>Clear Holds Shelf</span>
 300           </a>
 301           <a ngbDropdownItem (click)="toggleMod('retarget_holds')">
 302             <span *ngIf="modifiers.retarget_holds"
 303               class="badge badge-success mr-2">&#x2713;</span>
 304             <span *ngIf="!modifiers.retarget_holds"
 305               class="badge badge-warning mr-2">&#x2717;</span>
 306             <span i18n>Retarget Local Holds</span>
 307           </a>
 308           <a ngbDropdownItem (click)="toggleMod('retarget_holds_all')">
 309             <span *ngIf="modifiers.retarget_holds_all"
 310               class="badge badge-success mr-2">&#x2713;</span>
 311             <span *ngIf="!modifiers.retarget_holds_all"
 312               class="badge badge-warning mr-2">&#x2717;</span>
 313             <span i18n>Retarget All Statuses</span>
 314           </a>
 315           <a ngbDropdownItem (click)="toggleMod('hold_as_transit')">
 316             <span *ngIf="modifiers.hold_as_transit"
 317               class="badge badge-success mr-2">&#x2713;</span>
 318             <span *ngIf="!modifiers.hold_as_transit"
 319               class="badge badge-warning mr-2">&#x2717;</span>
 320             <span i18n>Capture Local Holds As Transits</span>
 321           </a>
 322           <a ngbDropdownItem (click)="toggleMod('manual_float')">
 323             <span *ngIf="modifiers.manual_float"
 324               class="badge badge-success mr-2">&#x2713;</span>
 325             <span *ngIf="!modifiers.manual_float"
 326               class="badge badge-warning mr-2">&#x2717;</span>
 327             <span i18n>Manual Floating Active</span>
 328           </a>
 329           <a ngbDropdownItem *ngIf="!isHoldCapture"
 330             (click)="toggleMod('do_inventory_update')">
 331             <span *ngIf="modifiers.do_inventory_update"
 332               class="badge badge-success mr-2">&#x2713;</span>
 333             <span *ngIf="!modifiers.do_inventory_update"
 334               class="badge badge-warning mr-2">&#x2717;</span>
 335             <span i18n>Update Inventory</span>
 336           </a>
 337         </div>
 338       </div>
 339     </div>
 340   </div>
 341 </div>
 342
 343