re-factor / cleanup

ayanova/src/views/ops-log.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-row v-if="this.formState.ready" v-resize="onResize">
+  <v-row v-if="formState.ready" v-resize="onResize">
     <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
     <v-col cols="12" sm="6" lg="4" xl="3">
       <v-select
@@ -8,10 +8,10 @@
         item-text="logname"
         item-value="logname"
         :label="$ay.t('Log')"
-        @input="logSelected"
         append-outer-icon="$ayiSync"
-        @click:append-outer="getDataFromApi"
         data-cy="selectedLog"
+        @input="logSelected"
+        @click:append-outer="getDataFromApi"
       >
       </v-select>
     </v-col>
@@ -31,20 +31,6 @@
 <script>
 const FORM_KEY = "ops-logs";
 export default {
-  async created() {
-    const vm = this;
-    try {
-      await initForm(vm);
-      vm.formState.ready = true;
-      window.$gz.eventBus.$on("menu-click", clickHandler);
-      generateMenu(vm);
-      await vm.getDataFromApi();
-      vm.formState.loading = false;
-    } catch (err) {
-      vm.formState.ready = true;
-      window.$gz.errorHandler.handleFormError(err, vm);
-    }
-  },
   data() {
     return {
       log: null,
@@ -62,6 +48,20 @@ export default {
       }
     };
   },
+  async created() {
+    const vm = this;
+    try {
+      await initForm(vm);
+      vm.formState.ready = true;
+      window.$gz.eventBus.$on("menu-click", clickHandler);
+      generateMenu(vm);
+      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);
   },
@@ -199,7 +199,7 @@ function clickHandler(menuItem) {
 //
 //
 async function initForm(vm) {
-  await fetchTranslatedText(vm);
+  await fetchTranslatedText();
   await populateSelectionLists(vm);
 }
 
@@ -207,7 +207,7 @@ async function initForm(vm) {
 //
 // Ensures UI translated text is available
 //
-async function fetchTranslatedText(vm) {
+async function fetchTranslatedText() {
   await window.$gz.translation.cacheTranslations([
     "OpsTestJob",
     "Log",