LPXXX Staff catalog browse UI improvements

Signed-off-by: Bill Erickson <berickxx@gmail.com>

diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/browse/results.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/browse/results.component.html
index f30ceda..2789d5c 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/catalog/browse/results.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/browse/results.component.html
@@ -33,23 +33,31 @@
     </div>
   </div>
 
-  <div class="row" *ngFor="let result of results">
+  <div class="row" *ngFor="let result of results; let index = index">
     <div *ngIf="result.value" 
       class="col-lg-12 card tight-card mb-2 bg-light">
-      <div class="col-lg-8">
-        <div class="card-body">
-          <ng-container *ngIf="result.sources > 0">
-            <a routerLink="/staff/catalog/search"
-              [queryParams]="searchByBrowseEntryParams(result)">
-                {{result.value}} ({{result.sources}})
-            </a>
-          </ng-container>
-          <ng-container *ngIf="result.sources == 0">
-            <span>{{result.value}}</span>
-          </ng-container>
-          <div class="row" *ngFor="let heading of result.compiledHeadings">
+      <div class="card-body">
+        <div class="row">
+          <div class="col-lg-11">
+            <span class="font-weight-bold font-italic mr-2">{{index}}.</span>
+            <ng-container *ngIf="result.sources > 0">
+              <a routerLink="/staff/catalog/search"
+                [queryParams]="searchByBrowseEntryParams(result)">
+                  {{result.value}}
+              </a>
+            </ng-container>
+            <ng-container *ngIf="result.sources == 0">
+              <span>{{result.value}}</span>
+            </ng-container>
+          </div>
+          <div *ngIf="result.sources > 0" class="col-lg-1">
+            ({{result.sources}})
+          </div>
+        </div>
+        <ng-container *ngFor="let heading of result.compiledHeadings">
+          <div class="row">
             <div class="col-lg-10 offset-lg-1" i18n>
-              <span class="font-italic">
+              <span class="font-italic mr-2">
                 <ng-container *ngIf="!heading.type || heading.type == 'variant'">
                     See
                 </ng-container>
@@ -65,12 +73,16 @@
               </span>
               <a routerLink="/staff/catalog/browse"
                 [queryParams]="newBrowseFromHeadingParams(heading)">
-                {{heading.heading}} ({{heading.target_count}})
+                {{heading.heading}}
               </a>
             </div>
+            <div class="col-lg-1">({{heading.target_count}})</div>
           </div>
-        </div>
-      </div>
+          <div class="row" *ngFor="let note of heading.notes">
+            <div class="col-lg-10 offset-lg-1"  i18n>Note: {{note}}</div>
+          </div>
+        </ng-container>
+      </div><!-- card body -->
     </div>
   </div>
 

diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/browse/results.component.ts b/Open-ILS/src/eg2/src/app/staff/catalog/browse/results.component.ts
index 3aeaf6b..53fd6e5 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/catalog/browse/results.component.ts
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/browse/results.component.ts
@@ -80,7 +80,8 @@ export class BrowseResultsComponent implements OnInit, OnDestroy {
                         heading: heading.heading,
                         target: heading.target,
                         target_count: heading.target_count,
-                        type: heading.type
+                        type: heading.type,
+                        notes: sees.notes
                     });
                 }
             });