From 9c891b642b1c0f4e4835b32cb0fb4d8079fe9f4f Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 17 Aug 2022 19:41:41 +0800
Subject: [PATCH] feat(gui-v2): add nc-locked-overlay to cells for lock view

---
 .../nc-gui-v2/components/smartsheet/Cell.vue  | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/Cell.vue b/packages/nc-gui-v2/components/smartsheet/Cell.vue
index deef47af35..e60b7fc827 100644
--- a/packages/nc-gui-v2/components/smartsheet/Cell.vue
+++ b/packages/nc-gui-v2/components/smartsheet/Cell.vue
@@ -1,7 +1,20 @@
 <script setup lang="ts">
 import { UITypes } from 'nocodb-sdk'
 import type { ColumnType } from 'nocodb-sdk'
-import { ActiveCellInj, ColumnInj, EditModeInj, computed, provide, toRef, useColumn, useDebounceFn, useVModel } from '#imports'
+import {
+  ActiveCellInj,
+  ColumnInj,
+  EditModeInj,
+  IsFormInj,
+  IsLockedInj,
+  IsPublicInj,
+  computed,
+  provide,
+  toRef,
+  useColumn,
+  useDebounceFn,
+  useVModel,
+} from '#imports'
 import { NavigateDir } from '~/lib'
 
 interface Props {
@@ -26,6 +39,12 @@ provide(EditModeInj, useVModel(props, 'editEnabled', emit))
 
 provide(ActiveCellInj, active)
 
+const isForm = inject(IsFormInj)
+
+const isPublic = inject(IsPublicInj)
+
+const isLocked = inject(IsLockedInj)
+
 let changed = $ref(false)
 
 const syncValue = useDebounceFn(function () {
@@ -142,5 +161,6 @@ const syncAndNavigate = (dir: NavigateDir) => {
     <CellPercent v-else-if="isPercent" v-model="vModel" />
     <CellJson v-else-if="isJSON" v-model="vModel" />
     <CellText v-else v-model="vModel" />
+    <div v-if="(isLocked || (isPublic && !isForm)) && !isAttachment" class="nc-locked-overlay" @click.stop.prevent />
   </div>
 </template>