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="visually-hidden" 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         <h2 i18n>Search Results ({{searchContext.result.count}})</h2>
  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="form-label checkbox" *ngIf="!searchContext.basket">
  49         <input type='checkbox' [(ngModel)]="allRecsSelected"
  50             (change)="toggleAllRecsSelected()"/>
  51         <span class="ps-1" i18n>Select {{searchContext.pager.rowNumber(0)}} -
  52           {{searchContext.pager.rowNumber(searchContext.currentResultIds().length - 1)}}
  53         </span>
  54       </label>
  55       <button type="button" class="btn btn-outline-dark ms-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 d-flex">
  61       <div class="flex-1"></div>
  62       <eg-catalog-result-pagination></eg-catalog-result-pagination>
  63     </div>
  64   </div>
  65   <div>
  66     <div class="row mt-2">
  67       <div id="eg-catalog-result-records"
  68         [ngClass]="{'col-lg-10': !searchContext.basket, 'col-lg-12': searchContext.basket}">
  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 class="float-end">
  76           <eg-catalog-result-pagination></eg-catalog-result-pagination>
  77         </div>
  78       </div>
  79
  80       <aside class="col-lg-2" id="eg-catalog-result-facets" *ngIf="!searchContext.basket">
  81         <eg-catalog-result-facets></eg-catalog-result-facets>
  82       </aside>
  83     </div>
  84   </div>
  85 </div>
  86
  87