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 labelText="Reservation location" 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       <ul ngbNav #filterTabs="ngbNav" [(activeId)]="startingTab" [keyboard]="true" [roles]="false" role="tablist" class="nav-tabs">
  14         <li role="presentation" [ngbNavItem]="'patron'">
  15           <a ngbNavLink role="tab">
  16             <span class="material-icons" *ngIf="patronId">filter_list</span> <span i18n>Filter by patron</span>
  17           </a>
  18           <ng-template ngbNavContent>
  19             <div class="m-2">
  20               <div class="input-group m-2">
  21                 <input type="text" id="patron-barcode-value" class="form-control" formControlName="patronBarcode">
  22                 <div class="input-group-button">
  23                   <button *ngIf="patronBarcode.value" class="btn btn-warning" (click)="removeFilters()" i18n><span class="material-icons">delete</span> Remove filter</button>
  24                 </div>
  25               </div>
  26             </div>
  27           </ng-template>
  28         </li>
  29         <li role="presentation" [ngbNavItem]="'resource'">
  30           <a ngbNavLink role="tab">
  31             <span class="material-icons" *ngIf="resourceBarcode.value">filter_list</span> <span i18n>Filter by resource</span>
  32           </a>
  33           <ng-template ngbNavContent>
  34             <div class="m-2">
  35               <div class="input-group m-2">
  36                   <label class="form-label input-group-text" for="resource-barcode-value" i18n>Resource barcode</label>
  37                 <input type="text" id="resource-barcode-value" class="form-control" formControlName="resourceBarcode">
  38                 <div class="input-group-button">
  39                   <button *ngIf="resourceBarcode.value" class="btn btn-warning" (click)="removeFilters()" i18n><span class="material-icons">delete</span> Remove filter</button>
  40                 </div>
  41               </div>
  42             </div>
  43           </ng-template>
  44         </li>
  45         <li role="presentation" [ngbNavItem]="'type'">
  46           <a ngbNavLink role="tab">
  47             <span class="material-icons" *ngIf="resourceTypeForGrid">filter_list</span> <span i18n>Filter by resource type</span>
  48           </a>
  49           <ng-template ngbNavContent>
  50             <div class="m-2">
  51               <div class="input-group m-2">
  52                   <label class="form-label input-group-text" for="resource-type-value" i18n>Resource type</label>
  53                 <eg-combobox domId="resource-type-value" formControlName="resourceType" idlClass="brt" [asyncSupportsEmptyTermClick]="true"></eg-combobox>
  54                 <div class="input-group-button">
  55                   <button class="btn btn-warning" (click)="removeFilters()" i18n><span class="material-icons">delete</span> Remove filter</button>
  56                 </div>
  57               </div>
  58             </div>
  59           </ng-template>
  60         </li>
  61       </ul>
  62
  63       <div [ngbNavOutlet]="filterTabs" class="mt-2"></div>
  64     </div>
  65   </div>
  66 </form>
  67 <eg-reservations-grid #reservationsGrid [patron]="patronId" [resourceBarcode]="resourceBarcode.value" [resourceType]="resourceTypeForGrid" [pickupLibIds]="pickupLibrariesForGrid" persistSuffix="manage"></eg-reservations-grid>