LP1850546 Record detail shelf browse
[working/Evergreen.git] / 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="sr-only" 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 Maching 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 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   <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               <div class="font-weight-bold">
44                 {{callNumber.prefix().label()}} {{callNumber.label()}}
45                 {{callNumber.suffix().label()}}
46                 @ {{orgName(callNumber.owning_lib())}}
47               </div>
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             </div>
61             <div class="ml-2">
62               <img src="/opac/extras/ac/jacket/small/r/{{callNumber._bibSummary.id}}"/>
63             </div>
64           </div>
65         </ng-container>
66       </ng-container>
67     </div>
68   </ng-container>
69
70   <div class="row mb-2 d-flex">
71     <div class="flex-1"></div>
72     <div>
73       <button class="btn btn-primary" (click)="prevPage()">Back</button>
74       <button class="btn btn-primary ml-3" (click)="nextPage()">Next</button>
75     </div>
76   </div>
77 </div>
78
79