From e05ae49b75c65b8503e8bf48cdaeb7ec7d303a0a Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 13 Aug 2022 13:22:44 +0800
Subject: [PATCH] fix(gui-v2): form view heading & subheading permissions

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

diff --git a/packages/nc-gui-v2/components/smartsheet/Form.vue b/packages/nc-gui-v2/components/smartsheet/Form.vue
index 38fb2a4797..6ebc9b4823 100644
--- a/packages/nc-gui-v2/components/smartsheet/Form.vue
+++ b/packages/nc-gui-v2/components/smartsheet/Form.vue
@@ -408,9 +408,9 @@ onMounted(async () => {
       <div class="h-[200px]">
         <a-card class="h-full !bg-[#dbdad7] ma-0 rounded-b-0 pa-8" body-style="max-width: 700px; margin: 0 auto;">
           <a-form ref="formRef" :model="formState">
-            <a-card class="rounded ma-2 pb-10 px-5">
+            <a-card class="rounded ma-2 py-10 px-5">
               <!-- Header -->
-              <a-form-item class="ma-0 gap-0 pa-0">
+              <a-form-item v-if="isEditable" class="ma-0 gap-0 pa-0">
                 <a-input
                   v-model:value="formViewData.heading"
                   class="w-full text-bold text-h3"
@@ -422,8 +422,9 @@ onMounted(async () => {
                   @keydown.enter="updateView"
                 />
               </a-form-item>
+              <div v-else class="ml-3 w-full text-bold text-h3">{{ formViewData.heading }}</div>
               <!-- Sub Header -->
-              <a-form-item>
+              <a-form-item v-if="isEditable" class="ma-0 gap-0 pa-0">
                 <a-input
                   v-model:value="formViewData.subheading"
                   class="w-full"
@@ -431,10 +432,12 @@ onMounted(async () => {
                   hide-details
                   :placeholder="$t('msg.info.formDesc')"
                   :bordered="false"
+                  :disabled="!isEditable"
                   @blur="updateView"
                   @click="updateView"
                 />
               </a-form-item>
+              <div v-else class="ml-3 mb-5 w-full text-bold text-h3">{{ formViewData.subheading }}</div>
               <Draggable
                 ref="draggableRef"
                 :list="localColumns"