LP1816475: Booking module refresh
[working/Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / booking / manage-reservations.component.html
1 <eg-staff-banner bannerText="Manage Reservations" i18n-bannerText>
2 </eg-staff-banner>
3 <eg-title i18n-prefix i18n-suffix prefix="Booking" suffix="Manage Reservations"></eg-title>
4
5 <form [formGroup]="filters" class="row">
6   <div class="col-sm-3">
7     <eg-org-family-select [hideAncestorSelector]="true" labelText="Pickup library" i18n-labelText formControlName="pickupLibraries">
8     </eg-org-family-select>
9   </div>
10   <div class="col-sm-6 offset-sm-3">
11     <div class="card">
12       <h2 class="card-header" i18n>Filter reservations</h2>
13       <ngb-tabset #filterTabs [activeId]="startingTab" class="mt-1">
14         <ngb-tab id="patron">
15           <ng-template ngbTabTitle>
16             <span class="material-icons" *ngIf="patronId">filter_list</span> <span i18n>Filter by patron</span>
17           </ng-template>
18           <ng-template ngbTabContent>
19             <div class="m-2">
20               <div class="input-group m-2">
21                 <div class="input-group-prepend">
22                   <label class="input-group-text" for="patron-barcode-value" i18n>Patron barcode</label>
23                 </div>
24                 <input type="text" id="patron-barcode-value" class="form-control" formControlName="patronBarcode">
25                 <div class="input-group-button">
26                   <button *ngIf="patronBarcode.value" class="btn btn-warning" (click)="removeFilters()" i18n><span class="material-icons">delete</span> Remove filter</button>
27                 </div>
28               </div>
29             </div>
30           </ng-template>
31         </ngb-tab>
32         <ngb-tab id="resource">
33           <ng-template ngbTabTitle>
34             <span class="material-icons" *ngIf="resourceBarcode.value">filter_list</span> <span i18n>Filter by resource</span>
35           </ng-template>
36           <ng-template ngbTabContent>
37             <div class="m-2">
38               <div class="input-group m-2">
39                 <div class="input-group-prepend">
40                   <label class="input-group-text" for="resource-barcode-value" i18n>Resource barcode</label>
41                 </div>
42                 <input type="text" id="resource-barcode-value" class="form-control" formControlName="resourceBarcode">
43                 <div class="input-group-button">
44                   <button *ngIf="resourceBarcode.value" class="btn btn-warning" (click)="removeFilters()" i18n><span class="material-icons">delete</span> Remove filter</button>
45                 </div>
46               </div>
47             </div>
48           </ng-template>
49         </ngb-tab>
50         <ngb-tab id="type">
51           <ng-template ngbTabTitle>
52             <span class="material-icons" *ngIf="resourceType.value">filter_list</span> <span i18n>Filter by resource type</span>
53           </ng-template>
54           <ng-template ngbTabContent>
55             <div class="m-2">
56               <div class="input-group m-2">
57                 <div class="input-group-prepend">
58                   <label class="input-group-text" for="resource-type-value" i18n>Resource type</label>
59                 </div>
60                 <eg-combobox domId="resource-type-value" formControlName="resourceType" idlClass="brt" [asyncSupportsEmptyTermClick]="true"></eg-combobox>
61                 <div class="input-group-button">
62                   <button class="btn btn-warning" (click)="removeFilters()" i18n><span class="material-icons">delete</span> Remove filter</button>
63                 </div>
64               </div>
65             </div>
66           </ng-template>
67         </ngb-tab>
68       </ngb-tabset>
69     </div>
70   </div>
71 </form>
72 <eg-reservations-grid #reservationsGrid [patron]="patronId" [resourceBarcode]="resourceBarcode.value" [resourceType]="resourceTypeForGrid" [pickupLibIds]="pickupLibrariesForGrid" persistSuffix="manage"></eg-reservations-grid>