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="patron.family_name" label="Family Name" i18n-label>
 191       </eg-grid-column>
 192
 193       <eg-grid-column path="circ.xact_finish" label="Finish" i18n-label
 194         datatype="timestamp" [datePlusTime]="true"></eg-grid-column>
 195
 196       <eg-grid-column path="copy.location.name" label="Location" i18n-label>
 197       </eg-grid-column>
 198
 199       <eg-grid-column name="routeTo" label="Route To" i18n-label>
 200       </eg-grid-column>
 201
 202       <eg-grid-column path="circ.xact_start" label="Start" i18n-label
 203         datatype="timestamp" [datePlusTime]="true"></eg-grid-column>
 204
 205       <eg-grid-column path="title" label="Title" i18n-label
 206         [cellTemplate]="titleTemplate"></eg-grid-column>
 207
 208       <eg-grid-column path="copy.circ_modifier"
 209         label="Circulation Modifier" i18n-label></eg-grid-column>
 210
 211       <eg-grid-column path="copy.circ_lib.shortname"
 212         label="Circulation Library" i18n-label></eg-grid-column>
 213
 214       <eg-grid-column path="copy.status.name"
 215         label="Item Status" i18n-label></eg-grid-column>
 216
 217       <eg-grid-column path="circ.due_date" label="Due Date" i18n-label
 218         timezoneContextOrg="circ.circ_lib" dateOnlyIntervalField="circ.duration"
 219         datatype="timestamp"></eg-grid-column>
 220
 221       <eg-grid-column path="copy.*" idlClass="acp" [hidden]="true"></eg-grid-column>
 222       <eg-grid-column path="volume.*" idlClass="acn" [hidden]="true"></eg-grid-column>
 223       <eg-grid-column path="circ.*" idlClass="circ" [hidden]="true"></eg-grid-column>
 224       <eg-grid-column path="mbts.*" idlClass="mbts" [hidden]="true"></eg-grid-column>
 225       <eg-grid-column path="patron.*" idlClass="au" [hidden]="true"></eg-grid-column>
 226       <eg-grid-column path="record.*" idlClass="mvr" [hidden]="true"></eg-grid-column>
 227       <eg-grid-column path="hold.*" idlClass="ahr" [hidden]="true"></eg-grid-column>
 228       <eg-grid-column path="transit.*" idlClass="atc" [hidden]="true"></eg-grid-column>
 229
 230     </eg-grid>
 231   </div>
 232 </div>
 233
 234 <div class="row mt-3 pt-3">
 235   <div class="col-lg-12 d-flex">
 236     <div class="flex-1"></div>
 237     <div class="mr-3">
 238       <button class="btn btn-outline-dark"
 239         (click)="printReceipt()" i18n>Print Receipt</button>
 240     </div>
 241     <div class="mr-3">
 242       <div class="form-check form-check-inline">
 243         <input class="form-check-input" type="checkbox"
 244           id="trim-list-cbox" [(ngModel)]="trimList"/>
 245         <label class="form-check-label"
 246           for="trim-list-cbox" i18n>Trim List (20)</label>
 247       </div>
 248     </div>
 249     <div class="mr-3">
 250       <div class="form-check form-check-inline">
 251         <input class="form-check-input" type="checkbox"
 252           (ngModelChange)="toggleStrictBarcode($event)"
 253           id="strict-barcode-cbox" [(ngModel)]="strictBarcode"/>
 254         <label class="form-check-label"
 255           for="strict-barcode-cbox" i18n>Strict Barcode</label>
 256       </div>
 257     </div>
 258     <div>
 259       <div ngbDropdown>
 260         <button class="btn btn-outline-dark"
 261           ngbDropdownToggle i18n>Checkin Modifiers</button>
 262         <div ngbDropdownMenu>
 263           <a ngbDropdownItem (click)="toggleMod('no_precat_alert')">
 264             <span *ngIf="modifiers.no_precat_alert"
 265               class="badge badge-success mr-2">&#x2713;</span>
 266             <span *ngIf="!modifiers.no_precat_alert"
 267               class="badge badge-warning mr-2">&#x2717;</span>
 268             <span i18n>Ignore Pre-cataloged Items</span>
 269           </a>
 270           <a ngbDropdownItem *ngIf="!isHoldCapture" (click)="toggleMod('noop')">
 271             <span *ngIf="modifiers.noop"
 272               class="badge badge-success mr-2">&#x2713;</span>
 273             <span *ngIf="!modifiers.noop"
 274               class="badge badge-warning mr-2">&#x2717;</span>
 275             <span i18n>Suppress Holds and Transits</span>
 276           </a>
 277           <a ngbDropdownItem (click)="toggleMod('void_overdues')">
 278             <span *ngIf="modifiers.void_overdues"
 279               class="badge badge-success mr-2">&#x2713;</span>
 280             <span *ngIf="!modifiers.void_overdues"
 281               class="badge badge-warning mr-2">&#x2717;</span>
 282             <span i18n>Amnesty Mode</span>
 283           </a>
 284           <a ngbDropdownItem *ngIf="!isHoldCapture"
 285             (click)="toggleMod('auto_print_holds_transits')">
 286             <span *ngIf="modifiers.auto_print_holds_transits"
 287               class="badge badge-success mr-2">&#x2713;</span>
 288             <span *ngIf="!modifiers.auto_print_holds_transits"
 289               class="badge badge-warning mr-2">&#x2717;</span>
 290             <span>Auto-Print Hold and Transit Slips</span>
 291           </a>
 292           <a ngbDropdownItem (click)="toggleMod('clear_expired')">
 293             <span *ngIf="modifiers.clear_expired"
 294               class="badge badge-success mr-2">&#x2713;</span>
 295             <span *ngIf="!modifiers.clear_expired"
 296               class="badge badge-warning mr-2">&#x2717;</span>
 297             <span i18n>Clear Holds Shelf</span>
 298           </a>
 299           <a ngbDropdownItem (click)="toggleMod('retarget_holds')">
 300             <span *ngIf="modifiers.retarget_holds"
 301               class="badge badge-success mr-2">&#x2713;</span>
 302             <span *ngIf="!modifiers.retarget_holds"
 303               class="badge badge-warning mr-2">&#x2717;</span>
 304             <span i18n>Retarget Local Holds</span>
 305           </a>
 306           <a ngbDropdownItem (click)="toggleMod('retarget_holds_all')">
 307             <span *ngIf="modifiers.retarget_holds_all"
 308               class="badge badge-success mr-2">&#x2713;</span>
 309             <span *ngIf="!modifiers.retarget_holds_all"
 310               class="badge badge-warning mr-2">&#x2717;</span>
 311             <span i18n>Retarget All Statuses</span>
 312           </a>
 313           <a ngbDropdownItem (click)="toggleMod('hold_as_transit')">
 314             <span *ngIf="modifiers.hold_as_transit"
 315               class="badge badge-success mr-2">&#x2713;</span>
 316             <span *ngIf="!modifiers.hold_as_transit"
 317               class="badge badge-warning mr-2">&#x2717;</span>
 318             <span i18n>Capture Local Holds As Transits</span>
 319           </a>
 320           <a ngbDropdownItem (click)="toggleMod('manual_float')">
 321             <span *ngIf="modifiers.manual_float"
 322               class="badge badge-success mr-2">&#x2713;</span>
 323             <span *ngIf="!modifiers.manual_float"
 324               class="badge badge-warning mr-2">&#x2717;</span>
 325             <span i18n>Manual Floating Active</span>
 326           </a>
 327           <a ngbDropdownItem *ngIf="!isHoldCapture"
 328             (click)="toggleMod('do_inventory_update')">
 329             <span *ngIf="modifiers.do_inventory_update"
 330               class="badge badge-success mr-2">&#x2713;</span>
 331             <span *ngIf="!modifiers.do_inventory_update"
 332               class="badge badge-warning mr-2">&#x2717;</span>
 333             <span i18n>Update Inventory</span>
 334           </a>
 335         </div>
 336       </div>
 337     </div>
 338   </div>
 339 </div>
 340
 341