Block save button when uploading a send (#871)

(cherry picked from commit 2bdd7413aa)

jslib

@@ -1 +1 @@
-Subproject commit 6ed36f3747ba8d7fbfb26b3141ee335e8b812f02
+Subproject commit ab333db5c96b5927911e1851be45adb4f86e5f23

src/app/send/add-edit.component.html

@@ -1,4 +1,4 @@
-<form (ngSubmit)="submit()" [appApiAction]="formPromise">
+<form #form (ngSubmit)="submit()" [appApiAction]="formPromise">
     <div class="content">
         <div class="inner-content" *ngIf="send">
             <div class="box">
@@ -182,10 +182,11 @@
         </div>
     </div>
     <div class="footer">
-        <button appBlurClick type="submit" class="primary" appA11yTitle="{{'save' | i18n}}" *ngIf="!disableSend">
-            <i class="fa fa-save fa-lg fa-fw" aria-hidden="true"></i>
+        <button appBlurClick type="submit" class="primary btn-submit" appA11yTitle="{{'save' | i18n}}" [disabled]="form.loading" *ngIf="!disableSend">
+            <i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
+            <span><i class="fa fa-save fa-lg fa-fw" aria-hidden="true"></i></span>
         </button>
-        <button appBlurClick type="button" (click)="cancel()">
+        <button appBlurClick type="button" (click)="cancel()" [disabled]="form.loading">
             {{'cancel' | i18n}}
         </button>
         <div class="right">

src/scss/buttons.scss

@@ -86,3 +86,29 @@
         }
     }
 }
+
+.btn-submit {
+    position: relative;
+    overflow: hidden;
+
+    .fa-spinner {
+        position: absolute;
+        display: none;
+        align-items: center;
+        justify-content: center;
+        bottom: 0;
+        top: 0;
+        left: 0;
+        right: 0;
+    }
+
+    &:disabled:not(.manual), &.loading {
+        .fa-spinner {
+            display: flex;
+        }
+
+        span {
+            visibility: hidden;
+        }
+    }
+}