ayanova/src/views/adm-global-settings.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-card class="mx-auto">
+  <v-card class="mx-auto" v-if="formState.ready">
     <v-list subheader>
       <v-subheader>{{ t("UserInterfaceSettings") }}</v-subheader>
       <v-list-item link to="adm-global-select-templates">
@@ -26,7 +26,7 @@ export default {
     initForm(vm)
       .then(() => {
         vm.rights = window.$gz.role.getRights(window.$gz.type.UserOptions);
-        // vm.formState.ready = true;
+        vm.formState.ready = true;
         // window.$gz.eventBus.$on("menu-click", clickHandler);
         // //UserOptions never creates a new one so this code is a little different than other forms
         // //NOTE: FOR NOW GOING TO ASSUME THIS FORM WILL ONLY EVER BE USED TO EDIT *CURRENT* USER'S USEROPTIONS
@@ -44,6 +44,16 @@ export default {
   },
   data() {
     return {
+      formState: {
+        ready: false,
+        dirty: false,
+        valid: true,
+        readOnly: false,
+        loading: true,
+        errorBoxMessage: null,
+        appError: null,
+        serverError: {}
+      },
       rights: window.$gz.role.defaultRightsObject()
     };
   },