Open-ILS/src/eg2/src/app/staff/catalog/result/browse-pager.component.html

   1
   2 <div class="row mb-2 p-2 border border-info rounded">
   3
   4   <ng-container *ngIf="browseLoading">
   5     <div class="col-lg-6 offset-lg-3">
   6       <eg-progress-inline></eg-progress-inline>
   7     </div>
   8   </ng-container>
   9
  10   <ng-container *ngIf="!browseLoading">
  11     <div class="col-lg-4">
  12       <div *ngIf="prevEntry" class="d-flex">
  13         <div class="">
  14           <button class="btn btn-sm btn-outline-dark mr-2"
  15             (click)="goToBrowsePage(true)" i18n>Previous Heading</button>
  16         </div>
  17         <div class="flex-1 pt-1">
  18           <span>{{prevEntry.value}}</span>
  19         </div>
  20       </div>
  21     </div>
  22     <div class="col-lg-4 d-flex justify-content-center">
  23       <div class="pt-1">
  24         <ng-container [ngSwitch]="searchContext.browseSearch.fieldClass">
  25           <span i18n *ngSwitchCase="'title'">Title: </span>
  26           <span i18n *ngSwitchCase="'author'">Author: </span>
  27           <span i18n *ngSwitchCase="'subject'">Subject: </span>
  28           <span i18n *ngSwitchCase="'series'">Series: </span>
  29         </ng-container>
  30         <span class="font-weight-bold">
  31           {{searchContext.termSearch.browseEntry.value()}}
  32         </span>
  33       </div>
  34     </div>
  35     <div class="col-lg-4">
  36       <div *ngIf="nextEntry" class="float-right">
  37         <div class="d-flex">
  38           <div class="flex-1 pt-1">
  39             <span>{{nextEntry.value}}</span>
  40           </div>
  41           <div class="">
  42             <button class="btn btn-sm btn-outline-dark ml-2"
  43               (click)="goToBrowsePage(false)" i18n>Next Heading</button>
  44           </div>
  45         </div>
  46       </div>
  47     </div>
  48   </ng-container>
  49
  50 </div>
  51