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

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