From 3516e1ff44503e6cabf029b202d0f9874691cebf Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 14 May 2025 19:08:29 +0530
Subject: [PATCH] fix: update field visibility logic and disable inputs based
 on read-only status

---
 frontend/src/components/SidePanelLayout.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/SidePanelLayout.vue b/frontend/src/components/SidePanelLayout.vue
index 6727af40..c01607bf 100644
--- a/frontend/src/components/SidePanelLayout.vue
+++ b/frontend/src/components/SidePanelLayout.vue
@@ -65,7 +65,14 @@
                         <div
                           v-if="
                             field.read_only &&
-                            !['Check', 'Dropdown'].includes(field.fieldtype)
+                            ![
+                              'Int',
+                              'Float',
+                              'Currency',
+                              'Percent',
+                              'Check',
+                              'Dropdown',
+                            ].includes(field.fieldtype)
                           "
                           class="flex h-7 cursor-pointer items-center px-2 py-1 text-ink-gray-5"
                         >
@@ -266,6 +273,7 @@
                           @change.stop="
                             fieldChange(flt($event.target.value), field)
                           "
+                          :disabled="Boolean(field.read_only)"
                         />
                         <FormattedInput
                           v-else-if="field.fieldtype === 'Int'"
@@ -275,6 +283,7 @@
                           :placeholder="field.placeholder"
                           :debounce="500"
                           @change.stop="fieldChange($event.target.value, field)"
+                          :disabled="Boolean(field.read_only)"
                         />
                         <FormattedInput
                           v-else-if="field.fieldtype === 'Float'"
@@ -288,6 +297,7 @@
                           @change.stop="
                             fieldChange(flt($event.target.value), field)
                           "
+                          :disabled="Boolean(field.read_only)"
                         />
                         <FormattedInput
                           v-else-if="field.fieldtype === 'Currency'"
@@ -301,6 +311,7 @@
                           @change.stop="
                             fieldChange(flt($event.target.value), field)
                           "
+                          :disabled="Boolean(field.read_only)"
                         />
                         <FormControl
                           v-else