refactor: prettier nc-gui v1

packages/nc-gui/components/project/tableTabs/webhook/WebhooksTest.vue

@@ -1,64 +1,59 @@
 <template>
   <div>
-    <h5 @click="isVisible=!isVisible">
-      Sample payload <v-icon x-small>
-        mdi-chevron-{{ isVisible? 'up' : 'down' }}
-      </v-icon>
+    <h5 @click="isVisible = !isVisible">
+      Sample payload <v-icon x-small> mdi-chevron-{{ isVisible ? 'up' : 'down' }} </v-icon>
     </h5>
-    <div :class="{active:isVisible}" class="nc-sample-data">
-      <monaco-json-object-editor v-model="sampleData" read-only style="min-height: 300px" class="caption mb-2 " />
+    <div :class="{ active: isVisible }" class="nc-sample-data">
+      <monaco-json-object-editor v-model="sampleData" read-only style="min-height: 300px" class="caption mb-2" />
     </div>
-    <v-btn v-if="!hideTestBtn" small @click="testWebhook">
-      Test webhook
-    </v-btn>
+    <v-btn v-if="!hideTestBtn" small @click="testWebhook"> Test webhook </v-btn>
   </div>
 </template>
 
 <script>
-
-import MonacoJsonObjectEditor from '~/components/monaco/MonacoJsonObjectEditor'
+import MonacoJsonObjectEditor from '~/components/monaco/MonacoJsonObjectEditor';
 export default {
   name: 'WebhooksTest',
   components: { MonacoJsonObjectEditor },
   props: {
     modelId: String,
     hook: Object,
-    hideTestBtn: Boolean
+    hideTestBtn: Boolean,
   },
   data: () => ({
     sampleData: null,
-    isVisible: false
+    isVisible: false,
   }),
   watch: {
     async 'hook.operation'() {
-      await this.loadSampleData()
-    }
+      await this.loadSampleData();
+    },
   },
   created() {
-    this.loadSampleData()
+    this.loadSampleData();
   },
   methods: {
-    async   loadSampleData() {
+    async loadSampleData() {
       this.sampleData = {
-        data: (await this.$api.dbTableWebhook.samplePayloadGet(this.modelId, this.hook.operation)),
-        user: this.$store.state.users.user
-      }
+        data: await this.$api.dbTableWebhook.samplePayloadGet(this.modelId, this.hook.operation),
+        user: this.$store.state.users.user,
+      };
     },
     async testWebhook() {
       try {
         await this.$api.dbTableWebhook.test(this.modelId, {
           hook: this.hook,
-          payload: this.sampleData
-        })
+          payload: this.sampleData,
+        });
 
-        this.$toast.success('Webhook tested successfully').goAway(3000)
+        this.$toast.success('Webhook tested successfully').goAway(3000);
       } catch (e) {
-        const msg = await this._extractSdkResponseErrorMsg(e)
-        this.$toast.error(msg).goAway(3000)
+        const msg = await this._extractSdkResponseErrorMsg(e);
+        this.$toast.error(msg).goAway(3000);
       }
-    }
-  }
-}
+    },
+  },
+};
 </script>
 
 <style scoped>
@@ -67,16 +62,16 @@ export default {
 /*}*/
 
 /deep/ label {
-  font-size: 0.75rem !important
+  font-size: 0.75rem !important;
 }
 
-.nc-sample-data{
+.nc-sample-data {
   overflow-y: hidden;
-  height:0;
-  transition: .3s height;
+  height: 0;
+  transition: 0.3s height;
 }
-.nc-sample-data.active{
-  height:300px
+.nc-sample-data.active {
+  height: 300px;
 }
 </style>
 <!--