LP1869906 Angular staff cat browse links
[Evergreen.git] / 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