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 Matching 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
  35   <eg-catalog-browse-pager *ngIf="searchContext.termSearch.browseEntry">
  36   </eg-catalog-browse-pager>
  37
  38   <div class="row">
  39     <div class="col-lg-2" *ngIf="!searchContext.basket">
  40       <ng-container *ngIf="!searchContext.termSearch.browseEntry">
  41         <h3 i18n>Search Results ({{searchContext.result.count}})</h3>
  42       </ng-container>
  43     </div>
  44     <div class="col-lg-2" *ngIf="searchContext.basket">
  45       <h3 i18n>Basket View</h3>
  46     </div>
  47     <div class="col-lg-3">
  48       <label class="checkbox" *ngIf="!searchContext.basket">
  49         <input type='checkbox' [(ngModel)]="allRecsSelected"
  50             (change)="toggleAllRecsSelected()"/>
  51         <span class="pl-1" i18n>Select {{searchContext.pager.rowNumber(0)}} -
  52           {{searchContext.pager.rowNumber(searchContext.currentResultIds().length - 1)}}
  53         </span>
  54       </label>
  55       <button class="btn btn-outline-dark ml-2" (click)="toggleShowMore()">
  56         <ng-container *ngIf="showMoreDetails" i18n>Show Fewer Details</ng-container>
  57         <ng-container *ngIf="!showMoreDetails" i18n>Show More Details</ng-container>
  58       </button>
  59     </div>
  60     <div class="col-lg-7">
  61       <div class="float-right">
  62         <eg-catalog-result-pagination></eg-catalog-result-pagination>
  63       </div>
  64     </div>
  65   </div>
  66   <div>
  67     <div class="row mt-2">
  68       <div class="col-lg-2" *ngIf="!searchContext.basket">
  69         <eg-catalog-result-facets></eg-catalog-result-facets>
  70       </div>
  71       <div
  72         [ngClass]="{'col-lg-10': !searchContext.basket, 'col-lg-12': searchContext.basket}">
  73         <div *ngFor="let summary of searchContext.result.records; let idx = index">
  74           <div *ngIf="summary">
  75             <eg-catalog-result-record [summary]="summary" [index]="idx">
  76             </eg-catalog-result-record>
  77           </div>
  78         </div>
  79         <div class="float-right">
  80           <eg-catalog-result-pagination></eg-catalog-result-pagination>
  81         </div>
  82
  83       </div>
  84     </div>
  85   </div>
  86 </div>
  87
  88