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   <ul ngbNav #tabs="ngbNav" [(activeId)]="patronTab"
   7       (navChange)="handleNavChange($event)" [keyboard]="true" [roles]="false" role="tablist" class="nav-tabs">
   8     <li role="presentation" [ngbNavItem]="'patron_tab'">
   9       <a i18n ngbNavLink role="tab">By patron</a>
  10       <ng-template ngbNavContent>
  11         <div class="row">
  12           <div class="col-md-4">
  13             <div class="input-group flex-nowrap">
  14               <div class="input-group-prepend">
  15                 <label class="input-group-text" for="patron-barcode" i18n>Patron barcode</label>
  16                 <input type="text" id="patron-barcode" class="form-control" i18n-placeholder placeholder="Patron barcode" formControlName="patronBarcode">
  17               </div>
  18             </div>
  19           </div>
  20         </div>
  21         <div *ngIf="patronId">
  22           <h2 class="text-center" i18n>Ready for return</h2>
  23           <eg-reservations-grid #readyGrid [patron]="patronId" status="returnReady" (returnedResource)="refreshGrids()" persistSuffix="return.patron.picked_up"></eg-reservations-grid>
  24
  25           <h2 class="text-center" i18n>Returned today</h2>
  26           <eg-reservations-grid #returnedGrid [patron]="patronId" status="returnedToday" persistSuffix="return.patron.returned"></eg-reservations-grid>
  27         </div>
  28       </ng-template>
  29     </li>
  30     <li role="presentation" [ngbNavItem]="'resource'">
  31       <a i18n ngbNavLink role="tab">By resource</a>
  32       <ng-template ngbNavContent>
  33         <div class="input-group flex-nowrap">
  34           <div class="input-group-prepend">
  35             <label class="input-group-text" for="resource-barcode" i18n>Resource barcode</label>
  36             <input type="text" id="resource-barcode" class="form-control" i18n-placeholder placeholder="Resource barcode" formControlName="resourceBarcode">
  37           </div>
  38         </div>
  39         <div *ngIf="patronId">
  40           <h2 class="text-center" i18n>Ready for return</h2>
  41           <eg-reservations-grid #readyGrid [patron]="patronId" status="returnReady" (returnedResource)="this.returnedGrid.reloadGrid()" persistSuffix="return.resource.picked_up"></eg-reservations-grid>
  42
  43           <h2 class="text-center" i18n>Returned today</h2>
  44           <eg-reservations-grid #returnedGrid [patron]="patronId" status="returnedToday" persistSuffix="return.resource.returned"></eg-reservations-grid>
  45         </div>
  46       </ng-template>
  47     </li>
  48   </ul>
  49
  50   <div [ngbNavOutlet]="tabs" class="mt-2"></div>
  51 </form>