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>