From 929c3d7662f75ad09eaf518a92e66ccad7bad83d Mon Sep 17 00:00:00 2001
From: Thomas Rittson <31796059+eliykat@users.noreply.github.com>
Date: Fri, 5 Mar 2021 02:23:32 +1000
Subject: [PATCH] Disable save button and add spinner after submit (#867)

---
 src/app/settings/emergency-access-add-edit.component.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/settings/emergency-access-add-edit.component.html b/src/app/settings/emergency-access-add-edit.component.html
index 3578fa4d4c1..19fe1c970b9 100644
--- a/src/app/settings/emergency-access-add-edit.component.html
+++ b/src/app/settings/emergency-access-add-edit.component.html
@@ -55,9 +55,11 @@
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="submit" class="btn btn-primary" [disabled]="loading || readOnly">
-                    <i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true" *ngIf="loading"></i>
-                    <span *ngIf="!loading">{{'save' | i18n}}</span>
+                <button #submitBtn type="submit" class="btn btn-primary" 
+                    [disabled]="loading || submitBtn.loading || readOnly" [appApiAction]="formPromise">
+                    <i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true" 
+                        *ngIf="loading || submitBtn.loading"></i>
+                    <span *ngIf="!loading && !submitBtn.loading">{{'save' | i18n}}</span>
                 </button>
                 <button type="button" class="btn btn-outline-secondary"
                     data-dismiss="modal">{{'cancel' | i18n}}</button>