From bec422bb854048862c88163c0212b6126cc13ee0 Mon Sep 17 00:00:00 2001
From: Joe Knapper <joe.knapper@glasgow.ac.uk>
Date: Tue, 17 Feb 2026 18:16:31 +0000
Subject: [PATCH] Grey out read only properties in webapp

---
 .../components/labThingsComponents/inputFromSchema.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/webapp/src/components/labThingsComponents/inputFromSchema.vue b/webapp/src/components/labThingsComponents/inputFromSchema.vue
index b3600ce4..70a80026 100644
--- a/webapp/src/components/labThingsComponents/inputFromSchema.vue
+++ b/webapp/src/components/labThingsComponents/inputFromSchema.vue
@@ -8,6 +8,7 @@
           v-model="internalValue"
           class="uk-form-small numeric-setting-line-input"
           :class="{ edited: isEdited, flash: animateUpdate }"
+          :disabled="isDisabled"
           type="number"
           @input="grabFocus"
           @focusout="focusOut"
@@ -22,6 +23,7 @@
         <input
           ref="checkbox"
           v-model="internalValue"
+          :disabled="isDisabled"
           class="uk-checkbox"
           type="checkbox"
           @change="sendValue"
@@ -39,6 +41,7 @@
           v-model="internalValue[i - 1]"
           class="uk-form-small numeric-setting-line-input"
           :class="{ edited: isEdited, flash: animateUpdate }"
+          :disabled="isDisabled"
           type="number"
           @input="grabFocus"
           @focusout="focusOut"
@@ -57,6 +60,7 @@
             v-model="internalValue[key]"
             class="uk-form-small numeric-setting-line-input"
             :class="{ edited: isEdited, flash: animateUpdate }"
+            :disabled="isDisabled"
             type="number"
             @input="grabFocus"
             @focusout="focusOut"
@@ -74,6 +78,7 @@
           v-model="internalValue"
           class="uk-form-small numeric-setting-line-input"
           :class="{ edited: isEdited, flash: animateUpdate }"
+          :disabled="isDisabled"
           type="text"
           @focusout="focusOut"
           @keydown="keyDown"
@@ -166,6 +171,11 @@ export default {
         return 1;
       }
     },
+    isDisabled() {
+      return !this.dataSchema?.forms?.some(form =>
+        form.op?.includes('writeproperty')
+      );
+    },
     dataType: function () {
       let prop = this.dataSchema;
       if (prop == undefined) {