ayanova/src/views/ay-report-edit.vue

@@ -1,5 +1,8 @@
 <template>
   <div v-resize="onResize">
+    <v-overlay :value="rendering" z-index="999">
+      <v-progress-circular indeterminate size="64"></v-progress-circular>
+    </v-overlay>
     <!-- {{ formState }} -->
     <v-row v-show="formState.ready">
       <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
@@ -330,7 +333,8 @@ Handlebars.registerHelper('loud', function (aString) {
         serverError: {}
       },
       rights: window.$gz.role.defaultRightsObject(),
-      ayaType: window.$gz.type.Report
+      ayaType: window.$gz.type.Report,
+      rendering: false
     };
   },
   //WATCHERS
@@ -727,7 +731,9 @@ Handlebars.registerHelper('loud', function (aString) {
 
       try {
         window.$gz.form.deleteAllErrorBoxErrors(vm);
+        vm.rendering = true;
         let res = await window.$gz.api.upsert(url, reportDataOptions);
+        vm.rendering = false;
         if (res.error) {
           vm.formState.serverError = res.error;
           window.$gz.form.setErrorBoxErrors(vm);
@@ -741,8 +747,10 @@ Handlebars.registerHelper('loud', function (aString) {
           }
         }
       } catch (ex) {
+        vm.rendering = false;
         window.$gz.errorHandler.handleFormError(ex, vm);
       } finally {
+        vm.rendering = false;
         window.$gz.form.setFormState({
           vm: vm,
           loading: false