From 9a0391c2a3e5a762a2a67d208035f3ddb9a6313b Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 11 Jan 2023 12:47:01 +0800
Subject: [PATCH] fix(nc-gui): show LTAR record in view for users to add even
 it is empty

---
 .../nc-gui/components/smartsheet/Gallery.vue  |  6 +-
 .../nc-gui/components/smartsheet/Kanban.vue   | 60 ++++++++++---------
 2 files changed, 38 insertions(+), 28 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Gallery.vue b/packages/nc-gui/components/smartsheet/Gallery.vue
index 3b3f5ac263..cc00c0b43c 100644
--- a/packages/nc-gui/components/smartsheet/Gallery.vue
+++ b/packages/nc-gui/components/smartsheet/Gallery.vue
@@ -17,6 +17,7 @@ import {
   createEventHook,
   extractPkFromRow,
   inject,
+  isLTAR,
   nextTick,
   onMounted,
   provide,
@@ -210,7 +211,10 @@ watch(view, async (nextView) => {
             </template>
 
             <div v-for="col in fieldsWithoutCover" :key="`record-${record.row.id}-${col.id}`">
-              <div v-if="!isRowEmpty(record, col)" class="flex flex-col space-y-1 px-4 mb-6 bg-gray-50 rounded-lg w-full">
+              <div
+                v-if="!isRowEmpty(record, col) || isLTAR(col.uidt)"
+                class="flex flex-col space-y-1 px-4 mb-6 bg-gray-50 rounded-lg w-full"
+              >
                 <div class="flex flex-row w-full justify-start border-b-1 border-gray-100 py-2.5">
                   <div class="w-full text-gray-600">
                     <LazySmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" :hide-menu="true" />
diff --git a/packages/nc-gui/components/smartsheet/Kanban.vue b/packages/nc-gui/components/smartsheet/Kanban.vue
index 26578fd027..7ba8adbc50 100644
--- a/packages/nc-gui/components/smartsheet/Kanban.vue
+++ b/packages/nc-gui/components/smartsheet/Kanban.vue
@@ -13,6 +13,7 @@ import {
   MetaInj,
   OpenNewRecordFormHookInj,
   inject,
+  isLTAR,
   onBeforeMount,
   onBeforeUnmount,
   provide,
@@ -472,35 +473,40 @@ watch(view, async (nextView) => {
                                   :key="`record-${record.row.id}-${col.id}`"
                                   class="flex flex-col rounded-lg w-full"
                                 >
-                                  <!-- Smartsheet Header (Virtual) Cell -->
-                                  <div v-if="!isRowEmpty(record, col)" class="flex flex-row w-full justify-start pt-2">
-                                    <div class="w-full text-gray-400">
-                                      <LazySmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" :hide-menu="true" />
-                                      <LazySmartsheetHeaderCell v-else :column="col" :hide-menu="true" />
+                                  <div v-if="!isRowEmpty(record, col) || isLTAR(col.uidt)">
+                                    <!-- Smartsheet Header (Virtual) Cell -->
+                                    <div class="flex flex-row w-full justify-start pt-2">
+                                      <div class="w-full text-gray-400">
+                                        <LazySmartsheetHeaderVirtualCell
+                                          v-if="isVirtualCol(col)"
+                                          :column="col"
+                                          :hide-menu="true"
+                                        />
+                                        <LazySmartsheetHeaderCell v-else :column="col" :hide-menu="true" />
+                                      </div>
                                     </div>
-                                  </div>
 
-                                  <!--  Smartsheet (Virtual) Cell -->
-                                  <div
-                                    v-if="!isRowEmpty(record, col)"
-                                    class="flex flex-row w-full items-center justify-start pl-[6px]"
-                                    :class="{ '!ml-[-12px]': col.uidt === UITypes.SingleSelect }"
-                                  >
-                                    <LazySmartsheetVirtualCell
-                                      v-if="isVirtualCol(col)"
-                                      v-model="record.row[col.title]"
-                                      class="text-sm pt-1"
-                                      :column="col"
-                                      :row="record"
-                                    />
-                                    <LazySmartsheetCell
-                                      v-else
-                                      v-model="record.row[col.title]"
-                                      class="text-sm pt-1"
-                                      :column="col"
-                                      :edit-enabled="false"
-                                      :read-only="true"
-                                    />
+                                    <!--  Smartsheet (Virtual) Cell -->
+                                    <div
+                                      class="flex flex-row w-full items-center justify-start pl-[6px]"
+                                      :class="{ '!ml-[-12px]': col.uidt === UITypes.SingleSelect }"
+                                    >
+                                      <LazySmartsheetVirtualCell
+                                        v-if="isVirtualCol(col)"
+                                        v-model="record.row[col.title]"
+                                        class="text-sm pt-1"
+                                        :column="col"
+                                        :row="record"
+                                      />
+                                      <LazySmartsheetCell
+                                        v-else
+                                        v-model="record.row[col.title]"
+                                        class="text-sm pt-1"
+                                        :column="col"
+                                        :edit-enabled="false"
+                                        :read-only="true"
+                                      />
+                                    </div>
                                   </div>
                                 </div>
                               </a-card>