chore: format

Signed-off-by: Wing-Kam Wong <wingkwong.code@gmail.com>

packages/nc-gui/components/project/settings/xcMeta.vue

@@ -1,12 +1,10 @@
 <template>
   <div>
-
     <h3 class="text-center mb-5 grey--text text--darken-2">
       <!-- Metadata Operations -->
       {{ $t('management.meta.title') }}
     </h3>
 
-
     <v-simple-table class="ma-2 meta-table text-center mx-auto">
       <!--      <thead>-->
       <!--      <tr>-->
@@ -14,15 +12,20 @@
       <!--      </tr>-->
       <!--      </thead>-->
       <tbody>
-
         <tr>
           <td>
             <!-- Export all metadata from the meta tables to meta directory. -->
             {{ $t('management.meta.operation_1.desc') }}
           </td>
           <td>
-          <v-btn min-width="150" color="primary" small outlined @click="exportMeta"
+            <v-btn
-                 :loading="loading === 'export-file'">
+              min-width="150"
+              color="primary"
+              small
+              outlined
+              @click="exportMeta"
+              :loading="loading === 'export-file'"
+            >
               <v-icon small>mdi-export</v-icon>&nbsp;
               <!-- Export to file -->
               {{ $t('management.meta.operation_1') }}
@@ -38,14 +41,17 @@
           <td>
             <v-btn
               :loading="loading === 'import-file'"
-            min-width="150" color="info" small outlined @click="importMeta">
+              min-width="150"
+              color="info"
+              small
+              outlined
+              @click="importMeta"
+            >
               <v-icon small>mdi-import</v-icon>&nbsp;
 
               <!-- Import -->
               {{ $t('management.meta.operation_2') }}
             </v-btn>
-
-
           </td>
         </tr>
 
@@ -55,12 +61,14 @@
             {{ $t('management.meta.operation_3.desc') }}
           </td>
           <td>
-          <v-btn min-width="150"
+            <v-btn
+              min-width="150"
               color="primary"
               small
               outlined
               :loading="loading === 'export-zip'"
-                 @click="exportMetaZip();">
+              @click="exportMetaZip()"
+            >
               <v-icon small>mdi-export</v-icon>&nbsp;
               <!-- Export zip -->
               {{ $t('management.meta.operation_3') }}
@@ -73,17 +81,27 @@
             {{ $t('management.meta.operation_4.desc') }}
           </td>
           <td>
-          <v-btn min-width="150"
+            <v-btn
+              min-width="150"
               :loading="loading === 'import-zip'"
-                 color="info" small outlined @click="$refs.importFile.click()">
+              color="info"
+              small
+              outlined
+              @click="$refs.importFile.click()"
+            >
               <v-icon small>mdi-import</v-icon>&nbsp;
 
               <!-- Import Zip -->
               {{ $t('management.meta.operation_4') }}
             </v-btn>
 
-          <input type="file" accept=".zip" @change="importMetaZip" v-show="false" ref="importFile">
+            <input
-
+              type="file"
+              accept=".zip"
+              @change="importMetaZip"
+              v-show="false"
+              ref="importFile"
+            />
           </td>
         </tr>
         <tr>
@@ -93,19 +111,22 @@
           </td>
           <td>
             <v-btn
-            :loading="loading === 'reset-metadata'" min-width="150" color="error" small outlined @click="resetMeta">
+              :loading="loading === 'reset-metadata'"
+              min-width="150"
+              color="error"
+              small
+              outlined
+              @click="resetMeta"
+            >
               <v-icon small>mdi-delete-variant</v-icon>&nbsp;
               <!-- Reset -->
               {{ $t('management.meta.operation_5') }}
             </v-btn>
           </td>
-
         </tr>
-
       </tbody>
     </v-simple-table>
 
-
     <dlg-label-submit-cancel
       type="primary"
       v-if="dialogShow"
@@ -113,18 +134,15 @@
       :dialogShow="dialogShow"
       :heading="confirmMessage"
     >
-
     </dlg-label-submit-cancel>
-
   </div>
 </template>
 
 <script>
-
+import DlgLabelSubmitCancel from '@/components/utils/dlgLabelSubmitCancel';
-import DlgLabelSubmitCancel from "@/components/utils/dlgLabelSubmitCancel";
 
 export default {
-  name: "xc-meta",
+  name: 'xc-meta',
   components: {
     DlgLabelSubmitCancel,
   },
@@ -132,23 +150,25 @@ export default {
     loading: null,
     dialogShow: false,
     confirmAction: null,
-    confirmMessage: ''
+    confirmMessage: '',
   }),
   methods: {
     async exportMeta() {
       this.dialogShow = true;
       this.confirmMessage = 'Do you want to export metadata from meta tables?';
-      this.confirmAction = async (act) => {
+      this.confirmAction = async act => {
         if (act === 'hideDialog') {
           this.dialogShow = false;
         } else {
           this.loading = 'export-file';
           try {
-
+            await this.$store.dispatch('sqlMgr/ActSqlOp', [
-            await this.$store.dispatch('sqlMgr/ActSqlOp', [{
+              {
                 // dbAlias: 'db',
-              env: 'dev'
+                env: 'dev',
-            }, 'xcMetaTablesExportDbToLocalFs']);
+              },
+              'xcMetaTablesExportDbToLocalFs',
+            ]);
             this.$toast.success('Successfully exported metadata').goAway(3000);
           } catch (e) {
             this.$toast.error('Some internal error occurred').goAway(3000);
@@ -156,25 +176,31 @@ export default {
           this.dialogShow = false;
           this.loading = null;
         }
-
+      };
-      }
+    },
-    }, async exportMetaZip() {
+    async exportMetaZip() {
       this.dialogShow = true;
       this.confirmMessage = 'Do you want to export metadata from meta tables?';
-      this.confirmAction = async (act) => {
+      this.confirmAction = async act => {
         if (act === 'hideDialog') {
           this.dialogShow = false;
         } else {
           this.loading = 'export-zip';
           let data;
           try {
-            data = await this.$store.dispatch('sqlMgr/ActSqlOp', [{
+            data = await this.$store.dispatch('sqlMgr/ActSqlOp', [
+              {
                 // dbAlias: 'db',
-              env: 'dev'
+                env: 'dev',
-            }, 'xcMetaTablesExportDbToZip', null, null, {
+              },
-              responseType: 'blob'
+              'xcMetaTablesExportDbToZip',
-            }]);
+              null,
-            const url = window.URL.createObjectURL(new Blob([data], {type: 'application/zip'}));
+              null,
+              {
+                responseType: 'blob',
+              },
+            ]);
+            const url = window.URL.createObjectURL(new Blob([data], { type: 'application/zip' }));
             const link = document.createElement('a');
             link.href = url;
             link.setAttribute('download', 'meta.zip'); //or any other extension
@@ -187,56 +213,58 @@ export default {
           this.dialogShow = false;
           this.loading = null;
         }
-      }
+      };
     },
     async resetMeta() {
       this.dialogShow = true;
       this.confirmMessage = 'Do you want to clear metadata from meta tables?';
-      this.confirmAction = async (act) => {
+      this.confirmAction = async act => {
         if (act === 'hideDialog') {
           this.dialogShow = false;
         } else {
           this.loading = 'reset-metadata';
           try {
-            await this.$store.dispatch('sqlMgr/ActSqlOp', [{
+            await this.$store.dispatch('sqlMgr/ActSqlOp', [
+              {
                 // dbAlias: 'db',
-              env: 'dev'
+                env: 'dev',
-            }, 'xcMetaTablesReset',]);
+              },
-            this.$toast.success('Metadata cleared successfully').goAway(3000)
+              'xcMetaTablesReset',
+            ]);
+            this.$toast.success('Metadata cleared successfully').goAway(3000);
           } catch (e) {
             this.$toast.error('Some internal error occurred').goAway(3000);
           }
           this.dialogShow = false;
           this.loading = null;
         }
-
+      };
-      }
-
     },
 
     async importMeta() {
       this.dialogShow = true;
       this.confirmMessage = 'Do you want to import metadata from meta directory?';
-      this.confirmAction = async (act) => {
+      this.confirmAction = async act => {
         if (act === 'hideDialog') {
           this.dialogShow = false;
         } else {
           this.loading = 'import-file';
           try {
-            await this.$store.dispatch('sqlMgr/ActSqlOp', [{
+            await this.$store.dispatch('sqlMgr/ActSqlOp', [
-              env: 'dev'
+              {
-            }, 'xcMetaTablesImportLocalFsToDb']);
+                env: 'dev',
+              },
+              'xcMetaTablesImportLocalFsToDb',
+            ]);
 
-            this.$toast.success('Metadata imported successfully').goAway(3000)
+            this.$toast.success('Metadata imported successfully').goAway(3000);
           } catch (e) {
             this.$toast.error('Some internal error occurred').goAway(3000);
           }
           this.dialogShow = false;
           this.loading = null;
         }
-
+      };
-      }
-
     },
     async importMetaZip() {
       if (this.$refs.importFile && this.$refs.importFile.files && this.$refs.importFile.files[0]) {
@@ -244,10 +272,15 @@ export default {
         this.loading = 'import-zip';
         try {
           this.$refs.importFile.value = '';
-          await this.$store.dispatch('sqlMgr/ActUpload', [{
+          await this.$store.dispatch('sqlMgr/ActUpload', [
+            {
               // dbAlias: 'db',
-            env: 'dev'
+              env: 'dev',
-          }, 'xcMetaTablesImportZipToLocalFsAndDb', {}, zipFile]);
+            },
+            'xcMetaTablesImportZipToLocalFsAndDb',
+            {},
+            zipFile,
+          ]);
           this.$toast.success('Successfully imported metadata').goAway(3000);
         } catch (e) {
           this.$toast.error('Some internal error occurred').goAway(3000);
@@ -256,8 +289,8 @@ export default {
         this.loading = null;
       }
     },
-  }
+  },
-}
+};
 </script>
 
 <style scoped>