re-factor / cleanup

ayanova/src/views/ops-server-state.vue

@@ -28,14 +28,14 @@
           </v-col>
           <v-col cols="12">
             <v-textarea
+              ref="reason"
               v-model="obj.reason"
               :readonly="formState.readOnly"
               :label="$ay.t('ServerStateReason')"
               :error-messages="form().serverErrors(this, 'reason')"
-              ref="reason"
               data-cy="reason"
-              @input="fieldValueChanged('reason')"
               auto-grow
+              @input="fieldValueChanged('reason')"
             ></v-textarea>
           </v-col>
         </v-row>
@@ -48,22 +48,6 @@ const FORM_KEY = "ops-server-state";
 const API_BASE_URL = "server-state/";
 const FORM_CUSTOM_TEMPLATE_KEY = "ServerState";
 export default {
-  async created() {
-    const vm = this;
-    try {
-      await initForm(vm);
-      vm.rights = window.$gz.role.getRights(window.$gz.type.ServerState);
-      vm.formState.readOnly = !vm.rights.change;
-      window.$gz.eventBus.$on("menu-click", clickHandler);
-      await vm.getDataFromApi();
-    } catch (err) {
-      vm.formState.ready = true;
-      window.$gz.errorHandler.handleFormError(err, vm);
-    }
-  },
-  beforeDestroy() {
-    window.$gz.eventBus.$off("menu-click", clickHandler);
-  },
   components: {},
   data() {
     return {
@@ -85,6 +69,11 @@ export default {
       rights: window.$gz.role.defaultRightsObject()
     };
   },
+  computed: {
+    canSave: function() {
+      return this.formState.valid && this.formState.dirty;
+    }
+  },
   watch: {
     formState: {
       handler: function(val) {
@@ -101,11 +90,22 @@ export default {
       deep: true
     }
   },
-  computed: {
-    canSave: function() {
-      return this.formState.valid && this.formState.dirty;
+  async created() {
+    const vm = this;
+    try {
+      await initForm(vm);
+      vm.rights = window.$gz.role.getRights(window.$gz.type.ServerState);
+      vm.formState.readOnly = !vm.rights.change;
+      window.$gz.eventBus.$on("menu-click", clickHandler);
+      await vm.getDataFromApi();
+    } catch (err) {
+      vm.formState.ready = true;
+      window.$gz.errorHandler.handleFormError(err, vm);
     }
   },
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
   methods: {
     form() {
       return window.$gz.form;
@@ -260,7 +260,7 @@ function generateMenu(vm) {
 /////////////////////////////////
 //
 //
-async function initForm(vm) {
+async function initForm() {
   await fetchTranslatedText();
 }