LP2000482 Angular 15 and Bootstrap 5 upgrade
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / booking / pickup.component.html
1 <eg-staff-banner bannerText="Booking Pickup" i18n-bannerText>
2 </eg-staff-banner>
3 <eg-title i18n-prefix i18n-suffix prefix="Booking" suffix="Pickup"></eg-title>
4
5 <form [formGroup]="findPatron" class="row">
6   <div class="col-md-4">
7     <div class="input-group flex-nowrap">
8         <label class="form-label input-group-text" for="patron-barcode" i18n>Patron barcode</label>
9         <input type="text" id="patron-barcode" class="form-control" formControlName="patronBarcode">
10     </div>
11   </div>
12 </form>
13 <div *ngIf="patronId">
14   <h2 class="text-center" i18n>Ready for pickup</h2>
15   <div class="form-check">
16     <input class="form-check-input" type="checkbox" [checked]="onlyShowCaptured" id="only-show-captured" (change)="handleShowCapturedChange()">
17     <label class="form-label form-check-label" for="only-show-captured" i18n>Show only captured resources</label>
18   </div>
19   <eg-reservations-grid #readyGrid [patron]="patronId" status="pickupReady" [onlyCaptured]="onlyShowCaptured" persistSuffix="pickup.ready" (pickedUpResource)="this.pickedUpGrid.reloadGrid()"></eg-reservations-grid>
20
21   <h2 class="text-center mt-2" i18n>Already picked up</h2>
22   <eg-reservations-grid #pickedUpGrid [patron]="patronId" status="pickedUp" persistSuffix="pickup.picked_up"></eg-reservations-grid>
23
24 </div>
25