From 465f8138bea392eeb3e73c76c4fdeaab5098b2d6 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 12 Jun 2021 21:06:38 +0800
Subject: [PATCH] chore: format

Signed-off-by: Wing-Kam Wong <wingkwong.code@gmail.com>
---
 .../components/project/settings/xcMeta.vue    | 299 ++++++++++--------
 1 file changed, 166 insertions(+), 133 deletions(-)

diff --git a/packages/nc-gui/components/project/settings/xcMeta.vue b/packages/nc-gui/components/project/settings/xcMeta.vue
index e502c17cdc..bb1dd72701 100644
--- a/packages/nc-gui/components/project/settings/xcMeta.vue
+++ b/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,98 +12,121 @@
       <!--      </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"
+              :loading="loading === 'export-file'"
+            >
+              <v-icon small>mdi-export</v-icon>&nbsp;
+              <!-- Export to file -->
+              {{ $t('management.meta.operation_1') }}
+            </v-btn>
+          </td>
+        </tr>
 
-      <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"
-                 :loading="loading === 'export-file'">
-            <v-icon small>mdi-export</v-icon>&nbsp;
-            <!-- Export to file -->
-          {{ $t('management.meta.operation_1') }}
-          </v-btn>
-        </td>
-      </tr>
-
-      <tr>
-        <td>
-          <!-- Import all metadata from the meta directory to meta tables. -->
-          {{ $t('management.meta.operation_2.desc') }}
-        </td>
-        <td>
-          <v-btn
-            :loading="loading === 'import-file'"
-            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>
-
-      <tr>
-        <td>
-          <!-- Export project meta to zip file and download. -->
-          {{ $t('management.meta.operation_3.desc') }}
-        </td>
-        <td>
-          <v-btn min-width="150"
-                 color="primary"
-                 small
-                 outlined
-                 :loading="loading === 'export-zip'"
-                 @click="exportMetaZip();">
-            <v-icon small>mdi-export</v-icon>&nbsp;
-            <!-- Export zip -->
-          {{ $t('management.meta.operation_3') }}
-          </v-btn>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          <!-- Import project meta zip file and restart. -->
-          {{ $t('management.meta.operation_4.desc') }}
-        </td>
-        <td>
-          <v-btn min-width="150"
-                 :loading="loading === 'import-zip'"
-                 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>
+        <tr>
+          <td>
+            <!-- Import all metadata from the meta directory to meta tables. -->
+            {{ $t('management.meta.operation_2.desc') }}
+          </td>
+          <td>
+            <v-btn
+              :loading="loading === 'import-file'"
+              min-width="150"
+              color="info"
+              small
+              outlined
+              @click="importMeta"
+            >
+              <v-icon small>mdi-import</v-icon>&nbsp;
 
-          <input type="file" accept=".zip" @change="importMetaZip" v-show="false" ref="importFile">
+              <!-- Import -->
+              {{ $t('management.meta.operation_2') }}
+            </v-btn>
+          </td>
+        </tr>
 
-        </td>
-      </tr>
-      <tr>
-        <td>
-          <!-- Clear all metadata from meta tables. -->
-          {{ $t('management.meta.operation_5.desc') }}
-        </td>
-        <td>
-          <v-btn
-            :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>
+          <td>
+            <!-- Export project meta to zip file and download. -->
+            {{ $t('management.meta.operation_3.desc') }}
+          </td>
+          <td>
+            <v-btn
+              min-width="150"
+              color="primary"
+              small
+              outlined
+              :loading="loading === 'export-zip'"
+              @click="exportMetaZip()"
+            >
+              <v-icon small>mdi-export</v-icon>&nbsp;
+              <!-- Export zip -->
+              {{ $t('management.meta.operation_3') }}
+            </v-btn>
+          </td>
+        </tr>
+        <tr>
+          <td>
+            <!-- Import project meta zip file and restart. -->
+            {{ $t('management.meta.operation_4.desc') }}
+          </td>
+          <td>
+            <v-btn
+              min-width="150"
+              :loading="loading === 'import-zip'"
+              color="info"
+              small
+              outlined
+              @click="$refs.importFile.click()"
+            >
+              <v-icon small>mdi-import</v-icon>&nbsp;
 
-      </tr>
+              <!-- Import Zip -->
+              {{ $t('management.meta.operation_4') }}
+            </v-btn>
 
+            <input
+              type="file"
+              accept=".zip"
+              @change="importMetaZip"
+              v-show="false"
+              ref="importFile"
+            />
+          </td>
+        </tr>
+        <tr>
+          <td>
+            <!-- Clear all metadata from meta tables. -->
+            {{ $t('management.meta.operation_5.desc') }}
+          </td>
+          <td>
+            <v-btn
+              :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', [{
-              // dbAlias: 'db',
-              env: 'dev'
-            }, 'xcMetaTablesExportDbToLocalFs']);
+            await this.$store.dispatch('sqlMgr/ActSqlOp', [
+              {
+                // dbAlias: 'db',
+                env: 'dev',
+              },
+              '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', [{
-              // dbAlias: 'db',
-              env: 'dev'
-            }, 'xcMetaTablesExportDbToZip', null, null, {
-              responseType: 'blob'
-            }]);
-            const url = window.URL.createObjectURL(new Blob([data], {type: 'application/zip'}));
+            data = await this.$store.dispatch('sqlMgr/ActSqlOp', [
+              {
+                // dbAlias: 'db',
+                env: 'dev',
+              },
+              'xcMetaTablesExportDbToZip',
+              null,
+              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', [{
-              // dbAlias: 'db',
-              env: 'dev'
-            }, 'xcMetaTablesReset',]);
-            this.$toast.success('Metadata cleared successfully').goAway(3000)
+            await this.$store.dispatch('sqlMgr/ActSqlOp', [
+              {
+                // dbAlias: 'db',
+                env: 'dev',
+              },
+              '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', [{
-              env: 'dev'
-            }, 'xcMetaTablesImportLocalFsToDb']);
+            await this.$store.dispatch('sqlMgr/ActSqlOp', [
+              {
+                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', [{
-            // dbAlias: 'db',
-            env: 'dev'
-          }, 'xcMetaTablesImportZipToLocalFsAndDb', {}, zipFile]);
+          await this.$store.dispatch('sqlMgr/ActUpload', [
+            {
+              // dbAlias: 'db',
+              env: 'dev',
+            },
+            '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>