From bcbabd0ecb7604c880b862bbea36b64439aad825 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Tue, 29 Nov 2022 15:08:57 +0530
Subject: [PATCH] feat: hide field from column menu

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../components/smartsheet/header/Menu.vue     | 46 +++++++++++++------
 1 file changed, 32 insertions(+), 14 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/header/Menu.vue b/packages/nc-gui/components/smartsheet/header/Menu.vue
index 2eafc4950b..d3c2728418 100644
--- a/packages/nc-gui/components/smartsheet/header/Menu.vue
+++ b/packages/nc-gui/components/smartsheet/header/Menu.vue
@@ -179,10 +179,20 @@ const addColumn = async (before = false) => {
     },
   })
 }
+
+const hideField = async () => {
+  const gridViewColumnList = await $api.dbViewColumn.list(view.value?.id as string)
+
+  const currentColumn = gridViewColumnList.find((f) => f.fk_column_id === column!.value.id)
+
+  await $api.dbViewColumn.update(view.value.id, currentColumn.id, { show: false })
+  eventBus.emit(SmartsheetStoreEvents.FIELD_RELOAD)
+}
 </script>
 
 <template>
-  <a-dropdown v-if="!isLocked" placement="bottomRight" :trigger="['click']" overlay-class-name="nc-dropdown-column-operations">
+  <a-dropdown v-if="!isLocked" placement="bottomRight" :trigger="['click']"
+              overlay-class-name="nc-dropdown-column-operations">
     <MdiMenuDown class="h-full text-grey nc-ui-dt-dropdown cursor-pointer outline-0" />
 
     <template #overlay>
@@ -194,6 +204,27 @@ const addColumn = async (before = false) => {
             {{ $t('general.edit') }}
           </div>
         </a-menu-item>
+        <a-divider class="!my-0" />
+        <a-menu-item @click="sortByColumn('asc')">
+          <div class="nc-column-insert-after nc-header-menu-item">
+            <MdiSortAscending class="text-primary" />
+            Sort Ascending
+          </div>
+        </a-menu-item>
+        <a-menu-item @click="sortByColumn('desc')">
+          <div class="nc-column-insert-before nc-header-menu-item">
+            <MdiSortDescending class="text-primary" />
+            Sort Descending
+          </div>
+        </a-menu-item>
+
+        <a-divider class="!my-0" />
+        <a-menu-item @click="hideField">
+          <div class="nc-column-insert-before nc-header-menu-item">
+            <MdiEyeOffOutline class="text-primary" />
+            Hide Field
+          </div>
+        </a-menu-item>
 
         <a-divider class="!my-0" />
 
@@ -216,19 +247,6 @@ const addColumn = async (before = false) => {
           </div>
         </a-menu-item>
         <a-divider class="!my-0" />
-        <a-menu-item @click="sortByColumn('asc')">
-          <div class="nc-column-insert-after nc-header-menu-item">
-            <MdiSortAscending class="text-primary" />
-            Sort Ascending
-          </div>
-        </a-menu-item>
-        <a-menu-item @click="sortByColumn('desc')">
-          <div class="nc-column-insert-before nc-header-menu-item">
-            <MdiSortDescending class="text-primary" />
-            Sort Descending
-          </div>
-        </a-menu-item>
-        <a-divider class="!my-0" />
 
         <a-menu-item v-if="!virtual" @click="setAsPrimaryValue">
           <div class="nc-column-set-primary nc-header-menu-item">