LP1816475: Booking module refresh
[working/Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / booking / return.component.html
1 <eg-staff-banner bannerText="Booking Return" i18n-bannerText>
2 </eg-staff-banner>
3 <eg-title i18n-prefix i18n-suffix prefix="Booking" suffix="Return"></eg-title>
4
5 <form [formGroup]="findPatron">
6   <ngb-tabset (tabChange)="handleTabChange($event)" activeId="patron" #tabs>
7     <ngb-tab title="By patron" i18n-title id="patron">
8       <ng-template ngbTabContent>
9         <div class="row">
10           <div class="col-md-4">
11             <div class="input-group flex-nowrap">
12               <div class="input-group-prepend">
13                 <label class="input-group-text" for="patron-barcode" i18n>Patron barcode</label>
14                 <input type="text" id="patron-barcode" class="form-control" i18n-placeholder placeholder="Patron barcode" formControlName="patronBarcode">
15               </div>
16             </div>
17           </div>
18         </div>
19         <div *ngIf="patronId">
20           <h2 class="text-center" i18n>Ready for return</h2>
21           <eg-reservations-grid #readyGrid [patron]="patronId" status="returnReady" (onReturn)="refreshGrids()" persistSuffix="return.patron.picked_up"></eg-reservations-grid>
22
23           <h2 class="text-center" i18n>Returned today</h2>
24           <eg-reservations-grid #returnedGrid [patron]="patronId" status="returnedToday" persistSuffix="return.patron.returned"></eg-reservations-grid>
25         </div>
26       </ng-template>
27     </ngb-tab>
28     <ngb-tab title="By resource" i18n-title id="resource">
29       <ng-template ngbTabContent>
30         <div class="input-group flex-nowrap">
31           <div class="input-group-prepend">
32             <label class="input-group-text" for="resource-barcode" i18n>Resource barcode</label>
33             <input type="text" id="resource-barcode" class="form-control" i18n-placeholder placeholder="Resource barcode" formControlName="resourceBarcode">
34           </div>
35         </div>
36         <div *ngIf="patronId">
37           <h2 class="text-center" i18n>Ready for return</h2>
38           <eg-reservations-grid #readyGrid [patron]="patronId" status="returnReady" (onReturn)="this.returnedGrid.reloadGrid()" persistSuffix="return.resource.picked_up"></eg-reservations-grid>
39
40           <h2 class="text-center" i18n>Returned today</h2>
41           <eg-reservations-grid #returnedGrid [patron]="patronId" status="returnedToday" persistSuffix="return.resource.returned"></eg-reservations-grid>
42         </div>
43       </ng-template>
44     </ngb-tab>
45   </ngb-tabset>
46 </form>