ayanova/src/views/widget.vue

@@ -1,7 +1,7 @@
 <template>
   <v-container fluid>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
-    {{ formState }}
+    <!-- {{ formState }} -->
     <v-row v-if="formState.ready">
       <v-col>
         <v-form ref="form">
@@ -281,12 +281,18 @@ export default {
         if (this.$route.params.obj) {
           //yes, no need to fetch it
           this.obj = this.$route.params.obj;
-          vm.formState.loading = false; //here we handle it immediately
+          window.$gz.form.setFormState({
+            vm: vm,
+            loading: false
+          });
         } else {
           await vm.getDataFromApi(vm.$route.params.recordid); //let getdata handle loading
         }
       } else {
-        vm.formState.loading = false; //here we handle it immediately
+        window.$gz.form.setFormState({
+          vm: vm,
+          loading: false
+        });
       }
       window.$gz.form.setFormState({
         vm: vm,
@@ -412,7 +418,10 @@ export default {
     },
     async getDataFromApi(recordId) {
       let vm = this;
-      vm.formState.loading = true;
+      window.$gz.form.setFormState({
+        vm: vm,
+        loading: true
+      });
       if (!recordId) {
         throw FORM_KEY + "::getDataFromApi -> Missing recordID!";
       }
@@ -449,7 +458,10 @@ export default {
       } catch (error) {
         window.$gz.errorHandler.handleFormError(error, vm);
       } finally {
-        vm.formState.loading = false;
+        window.$gz.form.setFormState({
+          vm: vm,
+          loading: false
+        });
       }
     },
     async submit() {
@@ -459,7 +471,10 @@ export default {
       }
 
       try {
-        vm.formState.loading = true;
+        window.$gz.form.setFormState({
+          vm: vm,
+          loading: true
+        });
         let url = API_BASE_URL; // + vm.$route.params.recordid;
         //clear any errors vm might be around from previous submit
         window.$gz.form.deleteAllErrorBoxErrors(vm);
@@ -499,7 +514,10 @@ export default {
       } catch (ex) {
         window.$gz.errorHandler.handleFormError(ex, vm);
       } finally {
-        vm.formState.loading = false;
+        window.$gz.form.setFormState({
+          vm: vm,
+          loading: false
+        });
       }
     },
     async remove() {
@@ -511,7 +529,10 @@ export default {
         }
 
         //do the delete
-        vm.formState.loading = true;
+        window.$gz.form.setFormState({
+          vm: vm,
+          loading: true
+        });
         //No need to delete a new record, just abandon it...
         if (vm.$route.params.recordid == 0) {
           //this should not get offered for delete but to be safe and clear just in case:
@@ -548,7 +569,10 @@ export default {
       if (!vm.canDuplicate || vm.$route.params.recordid == 0) {
         return;
       }
-      vm.formState.loading = true;
+      window.$gz.form.setFormState({
+        vm: vm,
+        loading: true
+      });
       let url = API_BASE_URL + "duplicate/" + vm.$route.params.recordid;
 
       try {
@@ -570,7 +594,10 @@ export default {
       } catch (ex) {
         window.$gz.errorHandler.handleFormError(ex, vm);
       } finally {
-        vm.formState.loading = false;
+        window.$gz.form.setFormState({
+          vm: vm,
+          loading: false
+        });
       }
     }
   }