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

   1
   2 <!-- search results progress bar -->
   3 <div class="row" *ngIf="browseIsActive()">
   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="browseIsDone() && !browseHasResults()">
  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-browse-results-container" *ngIf="browseHasResults()">
  28
  29   <div class="row mb-2">
  30     <div class="col-lg-3">
  31       <button class="btn btn-primary" (click)="prevPage()">Back</button>
  32       <button class="btn btn-primary ml-3" (click)="nextPage()">Next</button>
  33     </div>
  34   </div>
  35
  36   <div class="row" *ngFor="let result of results">
  37     <div *ngIf="result.value"
  38       class="col-lg-12 card tight-card mb-2 bg-light">
  39       <div class="col-lg-8">
  40         <div class="card-body">
  41           <ng-container *ngIf="result.sources > 0">
  42             <a (click)="searchByBrowseEntry(result)" href="javascript:void(0)">
  43                 {{result.value}} ({{result.sources}})
  44             </a>
  45           </ng-container>
  46           <ng-container *ngIf="result.sources == 0">
  47             <span>{{result.value}}</span>
  48           </ng-container>
  49           <div class="row" *ngFor="let heading of result.compiledHeadings">
  50             <div class="col-lg-10 offset-lg-1" i18n>
  51               <span class="font-italic">
  52                 <ng-container *ngIf="!heading.type || heading.type == 'variant'">
  53                     See
  54                 </ng-container>
  55                 <ng-container *ngIf="heading.type == 'broader'">
  56                     Broader term
  57                 </ng-container>
  58                 <ng-container *ngIf="heading.type == 'narrower'">
  59                     Narrower term
  60                 </ng-container>
  61                 <ng-container *ngIf="heading.type == 'other'">
  62                     Related term
  63                 </ng-container>
  64               </span>
  65               <a (click)="newBrowseFromHeading(heading)" href="javascript:void(0)">
  66                 {{heading.heading}} ({{heading.target_count}})
  67               </a>
  68             </div>
  69           </div>
  70         </div>
  71       </div>
  72     </div>
  73   </div>
  74
  75   <div class="row mb-2">
  76     <div class="col-lg-3">
  77       <button class="btn btn-primary" (click)="prevPage()">Back</button>
  78       <button class="btn btn-primary ml-3" (click)="nextPage()">Next</button>
  79     </div>
  80   </div>
  81
  82 </div>
  83
  84