From d322796183a3d300bdb5692644bc6d8d5790433d Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sun, 7 Aug 2022 11:41:09 +0800
Subject: [PATCH] wip(gui-v2): include SmartsheetColumnEditOrAdd

---
 packages/nc-gui-v2/components/smartsheet/Form.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/Form.vue b/packages/nc-gui-v2/components/smartsheet/Form.vue
index e98e9c4bfd..7efe9c8487 100644
--- a/packages/nc-gui-v2/components/smartsheet/Form.vue
+++ b/packages/nc-gui-v2/components/smartsheet/Form.vue
@@ -39,6 +39,8 @@ const meta = inject(MetaInj)
 
 const view = inject(ActiveViewInj)
 
+if (meta) useProvideColumnCreateStore(meta)
+
 const {
   loadData,
   paginationData,
@@ -65,6 +67,8 @@ const availableColumns = inject(FieldsInj, ref([]))
 
 const systemFieldsIds = ref<Record<string, any>>([])
 
+const showColumnDropdown = ref(false)
+
 const formView = ref({})
 
 function updateView() {}
@@ -265,13 +269,17 @@ watch(
             <!-- Drag and drop fields here to hide -->
             {{ $t('msg.info.dragDropHide') }}
           </div>
-          <a-button type="link" class="w-full caption mt-2" size="large" @click="addNewOption()">
+          <a-button type="link" class="w-full caption mt-2" size="large" @click="showColumnDropdown = true">
             <div class="flex items-center prose-sm justify-center text-gray-400">
               <MdiPlusIcon />
               <!-- Add new field to this table -->
               {{ $t('activity.addField') }}
             </div>
           </a-button>
+          <!-- TODO #1: set showColumnDropdown to false after saving  -->
+          <!-- TODO #2: make the component out of sidebar  -->
+          <!-- TODO #3: reload view  -->
+          <SmartsheetColumnEditOrAdd v-if="showColumnDropdown" @click.stop @cancel="showColumnDropdown = false" />
         </template>
       </draggable>
     </a-col>