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

   1
   2 <!-- search results progress bar -->
   3 <div class="row" *ngIf="searchIsActive()">
   4   <div class="col-lg-6 offset-lg-3 pt-3">
   5     <div class="progress">
   6       <div class="progress-bar progress-bar-striped active w-100"
   7         role="progressbar" aria-valuenow="100"
   8         aria-valuemin="0" aria-valuemax="100">
   9         <span class="sr-only" i18n>Searching..</span>
  10       </div>
  11     </div>
  12   </div>
  13 </div>
  14
  15 <!-- no items found -->
  16 <div *ngIf="searchIsDone() && !searchHasResults()">
  17   <div class="row pt-3">
  18     <div class="col-lg-6 offset-lg-3">
  19       <div class="alert alert-warning">
  20         <span i18n>No Maching Items Were Found</span>
  21       </div>
  22     </div>
  23   </div>
  24 </div>
  25
  26 <!-- header, pager, and list of records -->
  27 <div id="staff-catalog-results-container" *ngIf="searchHasResults()">
  28   <div class="row">
  29     <div class="col-lg-2" *ngIf="!searchContext.basket">
  30       <ng-container *ngIf="searchContext.termSearch.browseEntry">
  31         <h3 i18n>Results for browse "{{searchContext.termSearch.browseEntry.value()}}"</h3>
  32       </ng-container>
  33       <ng-container *ngIf="!searchContext.termSearch.browseEntry">
  34         <h3 i18n>Search Results ({{searchContext.result.count}})</h3>
  35       </ng-container>
  36     </div>
  37     <div class="col-lg-2" *ngIf="searchContext.basket">
  38       <h3 i18n>Basket View</h3>
  39     </div>
  40     <div class="col-lg-2">
  41       <label class="checkbox" *ngIf="!searchContext.basket">
  42         <input type='checkbox' [(ngModel)]="allRecsSelected"
  43             (change)="toggleAllRecsSelected()"/>
  44         <span class="pl-1" i18n>Select {{searchContext.pager.rowNumber(0)}} -
  45           {{searchContext.pager.rowNumber(searchContext.currentResultIds().length - 1)}}
  46         </span>
  47       </label>
  48     </div>
  49     <div class="col-lg-8">
  50       <div class="float-right">
  51         <eg-catalog-result-pagination></eg-catalog-result-pagination>
  52       </div>
  53     </div>
  54   </div>
  55   <div>
  56     <div class="row mt-2">
  57       <div class="col-lg-2" *ngIf="!searchContext.basket">
  58         <eg-catalog-result-facets></eg-catalog-result-facets>
  59       </div>
  60       <div
  61         [ngClass]="{'col-lg-10': !searchContext.basket, 'col-lg-12': searchContext.basket}">
  62         <div *ngIf="shouldStartRendering()">
  63           <div *ngFor="let summary of searchContext.result.records; let idx = index">
  64             <div *ngIf="summary">
  65               <eg-catalog-result-record [summary]="summary" [index]="idx">
  66               </eg-catalog-result-record>
  67             </div>
  68           </div>
  69         </div>
  70       </div>
  71     </div>
  72   </div>
  73 </div>
  74
  75