1 <ng-container *ngIf="searchIsDone()">
2 <eg-title i18n-prefix prefix="Catalog Search - {{searchContext.result.count}} Results"></eg-title>
4 <ng-container *ngIf="!searchIsDone()">
5 <eg-title i18n-prefix prefix="Catalog Search"></eg-title>
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>
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>
32 <!-- header, pager, and list of records -->
33 <div id="staff-catalog-results-container" *ngIf="searchHasResults()">
35 <eg-catalog-browse-pager *ngIf="searchContext.termSearch.browseEntry">
36 </eg-catalog-browse-pager>
39 <div class="col-lg-2" *ngIf="!searchContext.basket">
40 <ng-container *ngIf="!searchContext.termSearch.browseEntry">
41 <h2 i18n>Search Results ({{searchContext.result.count}})</h2>
44 <div class="col-lg-2" *ngIf="searchContext.basket">
45 <h3 i18n>Basket View</h3>
47 <div class="col-lg-3">
48 <label class="checkbox" *ngIf="!searchContext.basket">
49 <input type='checkbox' [(ngModel)]="allRecsSelected"
50 (change)="toggleAllRecsSelected()"/>
51 <span class="pl-1" i18n>Select {{searchContext.pager.rowNumber(0)}} -
52 {{searchContext.pager.rowNumber(searchContext.currentResultIds().length - 1)}}
55 <button class="btn btn-outline-dark ml-2" (click)="toggleShowMore()">
56 <ng-container *ngIf="showMoreDetails" i18n>Show Fewer Details</ng-container>
57 <ng-container *ngIf="!showMoreDetails" i18n>Show More Details</ng-container>
60 <div class="col-lg-7">
61 <div class="float-right">
62 <eg-catalog-result-pagination></eg-catalog-result-pagination>
67 <div class="row mt-2">
68 <div id="eg-catalog-result-records"
69 [ngClass]="{'col-lg-10': !searchContext.basket, 'col-lg-12': searchContext.basket}">
70 <div *ngFor="let summary of searchContext.result.records; let idx = index">
72 <eg-catalog-result-record [summary]="summary" [index]="idx">
73 </eg-catalog-result-record>
76 <div class="float-right">
77 <eg-catalog-result-pagination></eg-catalog-result-pagination>
81 <div class="col-lg-2" id="eg-catalog-result-facets" *ngIf="!searchContext.basket">
82 <eg-catalog-result-facets></eg-catalog-result-facets>