2 <!-- search results progress bar -->
3 <div class="row" *ngIf="browseIsActive()">
4 <div class="col-lg-6 offset-lg-3 pt-3">
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>
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>
26 <!-- header, pager, and list of records -->
27 <div id="staff-catalog-browse-results-container" *ngIf="browseHasResults()">
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>
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}})
47 <ng-container *ngIf="result.sources == 0">
48 <span>{{result.value}}</span>
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'">
56 <ng-container *ngIf="heading.type == 'broader'">
59 <ng-container *ngIf="heading.type == 'narrower'">
62 <ng-container *ngIf="heading.type == 'other'">
66 <a routerLink="/staff/catalog/browse"
67 [queryParams]="newBrowseFromHeadingParams(heading)">
68 {{heading.heading}} ({{heading.target_count}})
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>