1 <eg-staff-banner bannerText="Manage Reservations" i18n-bannerText>
3 <eg-title i18n-prefix i18n-suffix prefix="Booking" suffix="Manage Reservations"></eg-title>
5 <form [formGroup]="filters" class="row">
7 <eg-org-family-select labelText="Reservation location" i18n-labelText formControlName="pickupLibraries">
8 </eg-org-family-select>
10 <div class="col-sm-6 offset-sm-3">
12 <h2 class="card-header" i18n>Filter reservations</h2>
13 <ngb-tabset #filterTabs [activeId]="startingTab" class="mt-1">
15 <ng-template ngbTabTitle>
16 <span class="material-icons" *ngIf="patronId">filter_list</span> <span i18n>Filter by patron</span>
18 <ng-template ngbTabContent>
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>
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>
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>
36 <ng-template ngbTabContent>
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>
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>
51 <ng-template ngbTabTitle>
52 <span class="material-icons" *ngIf="resourceTypeForGrid">filter_list</span> <span i18n>Filter by resource type</span>
54 <ng-template ngbTabContent>
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>
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>
72 <eg-reservations-grid #reservationsGrid [patron]="patronId" [resourceBarcode]="resourceBarcode.value" [resourceType]="resourceTypeForGrid" [pickupLibIds]="pickupLibrariesForGrid" persistSuffix="manage"></eg-reservations-grid>