LP1912380 Bottom Pagination for Catalog Search
[Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / catalog / result / results.component.html
1 <ng-container *ngIf="searchIsDone()">
2   <eg-title i18n-prefix prefix="Catalog Search - {{searchContext.result.count}} Results"></eg-title>
3 </ng-container>
4 <ng-container *ngIf="!searchIsDone()">
5   <eg-title i18n-prefix prefix="Catalog Search"></eg-title>
6 </ng-container>
7
8 <!-- search results progress bar -->
9 <div class="row" *ngIf="searchIsActive()">
10   <div class="col-lg-6 offset-lg-3 pt-3">
11     <div class="progress">
12       <div class="progress-bar progress-bar-striped active w-100"
13         role="progressbar" aria-valuenow="100" 
14         aria-valuemin="0" aria-valuemax="100">
15         <span class="sr-only" i18n>Searching..</span>
16       </div>
17     </div>
18   </div>
19 </div>
20
21 <!-- no items found -->
22 <div *ngIf="searchIsDone() && !searchHasResults()">
23   <div class="row pt-3">
24     <div class="col-lg-6 offset-lg-3">
25       <div class="alert alert-warning">
26         <span i18n>No Matching Items Were Found</span>
27       </div>
28     </div>
29   </div>
30 </div>
31
32 <!-- header, pager, and list of records -->
33 <div id="staff-catalog-results-container" *ngIf="searchHasResults()">
34   <div class="row">
35     <div class="col-lg-2" *ngIf="!searchContext.basket">
36       <ng-container *ngIf="searchContext.termSearch.browseEntry">
37         <h3 i18n>Results for browse "{{searchContext.termSearch.browseEntry.value()}}"</h3>
38       </ng-container>
39       <ng-container *ngIf="!searchContext.termSearch.browseEntry">
40         <h3 i18n>Search Results ({{searchContext.result.count}})</h3>
41       </ng-container>
42     </div>
43     <div class="col-lg-2" *ngIf="searchContext.basket">
44       <h3 i18n>Basket View</h3>
45     </div>
46     <div class="col-lg-2">
47       <label class="checkbox" *ngIf="!searchContext.basket">
48         <input type='checkbox' [(ngModel)]="allRecsSelected" 
49             (change)="toggleAllRecsSelected()"/>
50         <span class="pl-1" i18n>Select {{searchContext.pager.rowNumber(0)}} - 
51           {{searchContext.pager.rowNumber(searchContext.currentResultIds().length - 1)}}
52         </span>
53       </label>
54     </div>
55     <div class="col-lg-8">
56       <div class="float-right">
57         <eg-catalog-result-pagination></eg-catalog-result-pagination>
58       </div>
59     </div>
60   </div>
61   <div>
62     <div class="row mt-2">
63       <div class="col-lg-2" *ngIf="!searchContext.basket">
64         <eg-catalog-result-facets></eg-catalog-result-facets>
65       </div>
66       <div
67         [ngClass]="{'col-lg-10': !searchContext.basket, 'col-lg-12': searchContext.basket}">
68         <div *ngFor="let summary of searchContext.result.records; let idx = index">
69           <div *ngIf="summary">
70             <eg-catalog-result-record [summary]="summary" [index]="idx">
71             </eg-catalog-result-record>
72           </div>
73         </div>
74         <div class="float-right">
75           <eg-catalog-result-pagination></eg-catalog-result-pagination>
76         </div>
77
78       </div>
79     </div>
80   </div>
81 </div>
82
83