From 1666691655aa04fe0fc2290bfa6d625ab1777536 Mon Sep 17 00:00:00 2001
From: Pranav C <61551451+pranavxc@users.noreply.github.com>
Date: Wed, 30 Jun 2021 19:04:32 +0530
Subject: [PATCH] fix(gui): Webhook headers/auth section

fixed bug in headers and added auth section for basic authentication.

re #314

Signed-off-by: Pranav C <61551451+pranavxc@users.noreply.github.com>
---
 packages/nc-gui/components/apiClient/headers.vue     |  7 +------
 .../project/tableTabs/webhook/httpWebhook.vue        | 12 +++++++++---
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/nc-gui/components/apiClient/headers.vue b/packages/nc-gui/components/apiClient/headers.vue
index 58ff36f810..9712ae1407 100644
--- a/packages/nc-gui/components/apiClient/headers.vue
+++ b/packages/nc-gui/components/apiClient/headers.vue
@@ -27,7 +27,7 @@
               <v-combobox
                 v-ge="['api-client-headers','enable']"
                 class="body-2 caption"
-                :items="headerListAutoWithEnv"
+                :items="headerListAuto"
                 v-model="item.name"
                 :disabled="!item.enabled"
                 hide-details
@@ -90,11 +90,6 @@
           this.$emit('input', value)
         }
       },
-      // populating autocomplete list along with env variables
-      headerListAutoWithEnv() {
-        const envObj = this.isDashboard ? this.$store.getters['project/GtrApiEnvironment'] : this.$store.getters['project/GtrDefaultApiEnvironment'];
-        return [...this.headerListAuto, ...(envObj ? Object.keys(envObj[this.env]).map(e => `{{${e}}}`) : [])];
-      }
     },
 
     beforeCreated() {
diff --git a/packages/nc-gui/components/project/tableTabs/webhook/httpWebhook.vue b/packages/nc-gui/components/project/tableTabs/webhook/httpWebhook.vue
index a0fec4aa50..5a0a3c6e50 100644
--- a/packages/nc-gui/components/project/tableTabs/webhook/httpWebhook.vue
+++ b/packages/nc-gui/components/project/tableTabs/webhook/httpWebhook.vue
@@ -57,9 +57,15 @@
 
       </v-tab-item>
       <v-tab-item>
-        <!--                <monaco-editor-->
-        <!--                  :code.sync="api.auth"-->
-        <!--                  cssStyle="height:250px"></monaco-editor>-->
+        <monaco-json-editor
+          style="height: 250px"
+          class="editor card text-left"
+          theme="vs-dark"
+          v-model="api.auth"
+          language="json"
+          :options="{validate:true,documentFormattingEdits:true,foldingRanges:true}"
+        >
+        </monaco-json-editor>
       </v-tab-item>