Open-ILS/src/eg2/src/app/staff/circ/patron/items.component.html

   1 <ng-template #progress>
   2   <div class="row">
   3     <div class="col-lg-6 offset-lg-3">
   4       <eg-progress-inline></eg-progress-inline>
   5     </div>
   6   </div>
   7 </ng-template>
   8
   9 <div>
  10   <ul ngbNav #itemsNav="ngbNav" class="nav-tabs"
  11     [activeId]="itemsTab" (navChange)="tabChange($event)">
  12     <li ngbNavItem="checkouts">
  13       <a ngbNavLink i18n>Items Checked Out ({{mainList.length}})</a>
  14       <ng-template ngbNavContent>
  15         <ng-container *ngIf="loading">
  16           <ng-container *ngTemplateOutlet="progress"></ng-container>
  17         </ng-container>
  18         <eg-circ-grid #checkoutsGrid
  19           persistKey="circ.patron.items_out" (reloadRequested)="load()">
  20         </eg-circ-grid>
  21       </ng-template>
  22     </li>
  23     <ng-container *ngIf="displayAltList">
  24       <li ngbNavItem="other">
  25         <a ngbNavLink i18n>Other/Special Circulations ({{altList.length}})</a>
  26         <ng-template ngbNavContent>
  27           <ng-container>
  28             <ng-container *ngIf="loading">
  29               <ng-container *ngTemplateOutlet="progress"></ng-container>
  30             </ng-container>
  31             <eg-circ-grid #otherGrid
  32               persistKey="circ.patron.items_out.other" (reloadRequested)="load()">
  33             </eg-circ-grid>
  34           </ng-container>
  35         </ng-template>
  36       </li>
  37     </ng-container>
  38     <li ngbNavItem="noncat">
  39       <a ngbNavLink i18n>
  40         <ng-container *ngIf="context.summary && context.summary.stats">
  41           Non-Cataloged Circulations ({{context.summary.stats.checkouts.noncat}})
  42         </ng-container>
  43       </a>
  44       <ng-template ngbNavContent>
  45         <ng-container>
  46           <ng-container>
  47             <ng-container *ngIf="loading">
  48               <ng-container *ngTemplateOutlet="progress"></ng-container>
  49             </ng-container>
  50             <eg-circ-grid #nonCatGrid persistKey="circ.patron.items_out.noncat"
  51               menuStyle="none" (reloadRequested)="load()">
  52             </eg-circ-grid>
  53           </ng-container>
  54         </ng-container>
  55       </ng-template>
  56     </li>
  57   </ul>
  58   <div [ngbNavOutlet]="itemsNav"></div>
  59 </div>
  60