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 routerLink="/staff/catalog/search"
  43               [queryParams]="searchByBrowseEntryParams(result)">
  44                 {{result.value}} ({{result.sources}})
  45             </a>
  46           </ng-container>
  47           <ng-container *ngIf="result.sources == 0">
  48             <span>{{result.value}}</span>
  49           </ng-container>
  50           <div class="row" *ngFor="let heading of result.compiledHeadings">
  51             <div class="col-lg-10 offset-lg-1" i18n>
  52               <span class="font-italic">
  53                 <ng-container *ngIf="!heading.type || heading.type == 'variant'">
  54                     See
  55                 </ng-container>
  56                 <ng-container *ngIf="heading.type == 'broader'">
  57                     Broader term
  58                 </ng-container>
  59                 <ng-container *ngIf="heading.type == 'narrower'">
  60                     Narrower term
  61                 </ng-container>
  62                 <ng-container *ngIf="heading.type == 'other'">
  63                     Related term
  64                 </ng-container>
  65               </span>
  66               <a routerLink="/staff/catalog/browse"
  67                 [queryParams]="newBrowseFromHeadingParams(heading)">
  68                 {{heading.heading}} ({{heading.target_count}})
  69               </a>
  70             </div>
  71           </div>
  72         </div>
  73       </div>
  74     </div>
  75   </div>
  76
  77   <div class="row mb-2">
  78     <div class="col-lg-3">
  79       <button class="btn btn-primary" (click)="prevPage()">Back</button>
  80       <button class="btn btn-primary ml-3" (click)="nextPage()">Next</button>
  81     </div>
  82   </div>
  83
  84 </div>
  85
  86