Merge pull request #4800 from nocodb/fix/LTAR-display

fix(nc-gui): show LTAR record in view for users to add even it is empty

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" />

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>