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

   1 <!-- search results progress bar -->
   2 <div class="row" *ngIf="browseIsActive()">
   3   <div class="col-lg-6 offset-lg-3 pt-3">
   4     <div class="progress">
   5       <div class="progress-bar progress-bar-striped active w-100"
   6         role="progressbar" aria-valuenow="100"
   7         aria-valuemin="0" aria-valuemax="100">
   8         <span class="visually-hidden" i18n>Searching..</span>
   9       </div>
  10     </div>
  11   </div>
  12 </div>
  13
  14 <!-- no items found -->
  15 <div *ngIf="browseIsDone() && !browseHasResults()">
  16   <div class="row pt-3">
  17     <div class="col-lg-6 offset-lg-3">
  18       <div class="alert alert-warning">
  19         <span i18n>No Matching Items Were Found</span>
  20       </div>
  21     </div>
  22   </div>
  23 </div>
  24
  25 <!-- header, pager, and list of records -->
  26 <div id="staff-catalog-browse-results-container" *ngIf="browseHasResults()">
  27
  28   <div class="row mb-2 d-flex">
  29     <div class="flex-1"></div>
  30     <div>
  31       <button type="button" class="btn btn-primary" (click)="prevPage()">Back</button>
  32       <button type="button" class="btn btn-primary ms-3" (click)="nextPage()">Next</button>
  33     </div>
  34   </div>
  35
  36   <ng-container *ngIf="results && results.length">
  37     <div class="row mb-3" *ngFor="let rowIdx of rowIndexList">
  38       <ng-container *ngFor="let callNumber of resultSlice(rowIdx); let colIdx = index">
  39         <ng-container *ngIf="callNumber._bibSummary">
  40           <div class="col-lg-4 pt-2 d-flex border"
  41             [ngClass]="{'border-primary': isCenter(rowIdx, colIdx)}">
  42             <div class="flex-1">
  43               <h3 class="browse-call-number">
  44                 {{callNumber.prefix().label()}} {{callNumber.label()}}
  45                 {{callNumber.suffix().label()}}
  46                 @ {{orgName(callNumber.owning_lib())}}
  47               </h3>
  48               <div>
  49                 <a queryParamsHandling="merge"
  50                   routerLink="/staff/catalog/record/{{callNumber._bibSummary.id}}">
  51                   {{callNumber._bibSummary.display.title}}
  52                 </a>
  53               </div>
  54               <div>
  55                 <a routerLink="/staff/catalog/search"
  56                   [queryParams]="getAuthorSearchParams(callNumber._bibSummary)">
  57                   {{callNumber._bibSummary.display.author}}
  58                 </a>
  59               </div>
  60               <ng-container *ngIf="callNumber._bibSummary.display.pubdate">
  61                   <div class="d-flex">
  62                       <div class="flex1" i18n>Publication Date:</div>
  63                       <div class="flex1 px-1">{{callNumber._bibSummary.display.pubdate}}</div>
  64                   </div>
  65               </ng-container>
  66             </div>
  67             <div class="ms-2">
  68               <img alt="" src="/opac/extras/ac/jacket/small/r/{{callNumber._bibSummary.id}}"/>
  69             </div>
  70           </div>
  71         </ng-container>
  72       </ng-container>
  73     </div>
  74   </ng-container>
  75
  76   <div class="row mb-2 d-flex">
  77     <div class="flex-1"></div>
  78     <div>
  79       <button type="button" class="btn btn-primary" (click)="prevPage()">Back</button>
  80       <button type="button" class="btn btn-primary ms-3" (click)="nextPage()">Next</button>
  81     </div>
  82   </div>
  83 </div>
  84
  85