LP1849137 Catalog Patron View loading icon

Display the usual loading circle icon while the embedded patron view
iframe is loading.

Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu>

diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/record/opac.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/record/opac.component.html
index 8a67300..adbaeec 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/catalog/record/opac.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/record/opac.component.html
@@ -1,4 +1,8 @@
 
+<div *ngIf="!loaded" class="m-3 p-3 d-flex justify-content-center">
+  <div><img src="/images/progressbar_green.gif"/></div>
+</div>
+
 <ng-container *ngIf="url">
   <iframe id='opac-iframe' class="w-100" (load)="handleLoad()" [src]="url">
   </iframe> 

diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/record/opac.component.ts b/Open-ILS/src/eg2/src/app/staff/catalog/record/opac.component.ts
index 4a5bd03..98eadf3 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/catalog/record/opac.component.ts
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/record/opac.component.ts
@@ -10,6 +10,7 @@ const OPAC_BASE_URL = '/eg/opac/record';
 export class OpacViewComponent {
 
     url; // SafeResourceUrlImpl
+    loaded: boolean;
 
     _recordId: number;
     @Input() set recordId(id: number) {
@@ -40,6 +41,7 @@ export class OpacViewComponent {
         const height = 50 + iframe.contentWindow.document.body.offsetHeight;
 
         iframe.style.height = `${height}px`;
+        this.loaded = true;
     }
 }