Fix JS errors

Author: Core-i99

frontend/src/components/host-manager/DirectoryList.vue

@@ -29,10 +29,7 @@
         v-model="focused"
         fit
         class="q-my-none q-py-none"
-        @hide="
-          $refs.input.focus()
-          $refs.input.blur()
-        "
+        @hide="$refs.input.focus(); $refs.input.blur()"
       >
         <q-list
           class="q-my-none q-py-none shadow-3"

frontend/src/pages/system/FileManager.vue

@@ -18,10 +18,7 @@
           color="primary"
           icon="mdi-form-textbox"
           :disable="selected.length == 0 || selected.length > 1"
-          @click="
-            renameDialogItem = JSON.parse(JSON.stringify(selected[0]))
-            renameDialog = true
-          "
+          @click="openRenameDialog"
         >
           <q-tooltip :offset="[0, 5]"> Rename </q-tooltip>
         </q-btn>
@@ -44,7 +41,7 @@
             this.$refs.confirmDialog.show(
               'Are you sure?',
               ['Do you really want to remove this?', 'This action is not reversable!'],
-              removePath,
+              removePath
             )
           "
         >
@@ -333,6 +330,10 @@ export default {
           this.$refs.errorDialog.show('Error renaming folder', [errormsg])
         })
     },
+    openRenameDialog() {
+      this.renameDialogItem = JSON.parse(JSON.stringify(this.selected[0]))
+      this.renameDialog = true
+    },
   },
   mounted() {
     this.getPath(this.currentPath)

frontend/src/pages/vm/TemplateOverviewPage.vue

@@ -39,13 +39,19 @@
       <q-separator color="transparent" spaced="lg" inset />
       <q-card-section class="q-pt-none">
         <div v-for="(value, key) in selectedTemplate[0]" :key="key">
-          <strong>{{ key.replace(/_/g, ' ').toUpperCase() }}:</strong>
+          <strong>{{ key.replace(/_/g, " ").toUpperCase() }}:</strong>
           {{ value }}
         </div>
       </q-card-section>
       <q-card-section>
         <div><strong>XML Template:</strong></div>
-        <q-input filled v-model="selectedTemplateXml" type="textarea" autogrow readonly />
+        <q-input
+          filled
+          v-model="selectedTemplateXml"
+          type="textarea"
+          autogrow
+          readonly
+        />
       </q-card-section>
     </q-card>
   </q-dialog>
@@ -55,42 +61,42 @@
 </template>
 
 <script>
-import ErrorDialog from 'src/components/ErrorDialog.vue'
-import ConfirmDialog from 'src/components/ConfirmDialog.vue'
-import ToolTip from 'src/components/ToolTip.vue'
+import ErrorDialog from "src/components/ErrorDialog.vue";
+import ConfirmDialog from "src/components/ConfirmDialog.vue";
+import ToolTip from "src/components/ToolTip.vue";
 
 export default {
   data() {
     return {
       data: [],
       columns: [
         {
-          name: 'id',
-          label: 'ID',
-          field: 'id',
-          align: 'left',
+          name: "id",
+          label: "ID",
+          field: "id",
+          align: "left",
           sortable: true,
         },
         {
-          name: 'name',
-          label: 'Name',
-          field: 'name',
-          align: 'left',
+          name: "name",
+          label: "Name",
+          field: "name",
+          align: "left",
           sortable: true,
         },
         {
-          name: 'description',
-          label: 'Description',
-          field: 'description',
-          align: 'left',
+          name: "description",
+          label: "Description",
+          field: "description",
+          align: "left",
           sortable: false,
         },
       ],
       tableLoading: false,
       selectedTemplate: [],
       selectedTemplateXml: null,
       viewtemplate: false,
-    }
+    };
   },
   components: {
     ErrorDialog,
@@ -99,34 +105,38 @@ export default {
   },
   methods: {
     getData() {
-      this.selectedTemplate = []
-      this.tableLoading = true
+      this.selectedTemplate = [];
+      this.tableLoading = true;
       this.$api
-        .get('/vm/templates')
+        .get("/vm/templates")
         .then((response) => {
-          this.data = response.data
-          this.tableLoading = false
+          this.data = response.data;
+          this.tableLoading = false;
         })
         .catch((error) => {
-          this.$refs.errorDialog.show('Error loading VM templates', [error.response.data.detail])
-          this.tableLoading = false
-        })
+          this.$refs.errorDialog.show("Error loading VM templates", [
+            error.response.data.detail,
+          ]);
+          this.tableLoading = false;
+        });
     },
     viewTemplate() {
-      this.viewtemplate = true
-      this.selectedTemplateXml = null
+      this.viewtemplate = true;
+      this.selectedTemplateXml = null;
       this.$api
-        .get('/vm/xml_templates/' + this.selectedTemplate[0].xml_template_id)
+        .get("/vm/xml_templates/" + this.selectedTemplate[0].xml_template_id)
         .then((response) => {
-          this.selectedTemplateXml = response.data.content
+          this.selectedTemplateXml = response.data.content;
         })
         .catch((error) => {
-          this.$refs.errorDialog.show('Error loading XML template', [error.response.data.detail])
-        })
+          this.$refs.errorDialog.show("Error loading XML template", [
+            error.response.data.detail,
+          ]);
+        });
     },
   },
   mounted() {
-    this.getData()
+    this.getData();
   },
-}
+};
 </script>