re-factor / cleanup

ayanova/src/views/ops-notify-queue.vue

@@ -1,8 +1,8 @@
 <template>
-  <v-row v-if="this.formState.ready">
+  <v-row v-if="formState.ready">
     <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col cols="12">
-      <v-btn @click="getDataFromApi" class="mb-6">
+      <v-btn class="mb-6" @click="getDataFromApi">
         <v-icon>$ayiSync</v-icon>
       </v-btn>
       <v-data-table
@@ -28,23 +28,6 @@
 <script>
 const FORM_KEY = "ops-notify-queue";
 export default {
-  async created() {
-    const vm = this;
-    try {
-      await initForm(vm);
-      vm.rights = window.$gz.role.getRights(
-        window.$gz.type.OpsNotificationSettings
-      );
-      vm.formState.readOnly = !vm.rights.change;
-      vm.formState.ready = true;
-      window.$gz.eventBus.$on("menu-click", clickHandler);
-      await vm.getDataFromApi();
-      vm.formState.loading = false;
-    } catch (err) {
-      vm.formState.ready = true;
-      window.$gz.errorHandler.handleFormError(err, vm);
-    }
-  },
   data() {
     return {
       obj: [],
@@ -63,6 +46,23 @@ export default {
       hour12: window.$gz.locale.getHour12()
     };
   },
+  async created() {
+    const vm = this;
+    try {
+      await initForm(vm);
+      vm.rights = window.$gz.role.getRights(
+        window.$gz.type.OpsNotificationSettings
+      );
+      vm.formState.readOnly = !vm.rights.change;
+      vm.formState.ready = true;
+      window.$gz.eventBus.$on("menu-click", clickHandler);
+      await vm.getDataFromApi();
+      vm.formState.loading = false;
+    } catch (err) {
+      vm.formState.ready = true;
+      window.$gz.errorHandler.handleFormError(err, vm);
+    }
+  },
   beforeDestroy() {
     window.$gz.eventBus.$off("menu-click", clickHandler);
   },
@@ -202,7 +202,7 @@ function clickHandler(menuItem) {
 //
 //
 async function initForm(vm) {
-  await fetchTranslatedText(vm);
+  await fetchTranslatedText();
   await cacheEnums(vm);
   await createTableHeaders(vm);
 }
@@ -211,7 +211,7 @@ async function initForm(vm) {
 //
 // Ensures UI translated text is available
 //
-async function fetchTranslatedText(vm) {
+async function fetchTranslatedText() {
   await window.$gz.translation.cacheTranslations([
     "NotifyEventType",
     "EventCreated",