From 1fae8ec807e88cee21e18e8ec74b606e5bcdab91 Mon Sep 17 00:00:00 2001
From: Bill Erickson <berickxx@gmail.com>
Date: Tue, 29 Oct 2019 13:54:26 -0400
Subject: [PATCH] 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>
---
 Open-ILS/src/eg2/src/app/staff/catalog/record/opac.component.html | 4 ++++
 Open-ILS/src/eg2/src/app/staff/catalog/record/opac.component.ts   | 2 ++
 2 files changed, 6 insertions(+)

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 8a67300789..adbaeec39e 100644
--- 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 4a5bd036fa..98eadf38da 100644
--- 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;
     }
 }
 
-- 
2.11.0