From 60297f6ccbd50b7a8e2bfc4eb155e3d2d0939df0 Mon Sep 17 00:00:00 2001
From: NI <nirui@gmx.com>
Date: Thu, 21 Oct 2021 11:30:37 +0800
Subject: [PATCH] Refresh input fields on the connector if the field is
 readonly

---
 ui/widgets/connector.vue | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/ui/widgets/connector.vue b/ui/widgets/connector.vue
index 3aaac94..adade52 100644
--- a/ui/widgets/connector.vue
+++ b/ui/widgets/connector.vue
@@ -75,7 +75,7 @@
           :placeholder="field.field.example"
           :autofocus="field.autofocus"
           :tabindex="field.tabIndex"
-          :disabled="field.field.readonly"
+          :disabled="readonly(key, field, field.field.readonly)"
           @keydown="triggerSuggestions($event, key, field)"
           @focus="focus(key, field, true)"
           @blur="focus(key, field, false)"
@@ -93,7 +93,7 @@
           :placeholder="field.field.example"
           :autofocus="field.autofocus"
           :tabindex="field.tabIndex"
-          :disabled="field.field.readonly"
+          :disabled="readonly(key, field, field.field.readonly)"
           @focus="focus(key, field, true)"
           @blur="focus(key, field, false)"
           @input="changed(key, field, false)"
@@ -109,7 +109,7 @@
           :name="field.field.name"
           :autofocus="field.autofocus"
           :tabindex="field.tabIndex"
-          :disabled="field.field.readonly"
+          :disabled="readonly(key, field, field.field.readonly)"
           @focus="focus(key, field, true)"
           @blur="focus(key, field, false)"
           @input="changed(key, field, false)"
@@ -125,7 +125,7 @@
           :name="field.field.name"
           :autofocus="field.autofocus"
           :tabindex="field.tabIndex"
-          :disabled="field.field.readonly"
+          :disabled="readonly(key, field, field.field.readonly)"
           @keyup="expandTextarea($event)"
           @keydown="
             triggerSuggestions($event, key, field) || expandTextarea($event)
@@ -145,7 +145,7 @@
           :name="field.field.name + '-file'"
           :autofocus="field.autofocus"
           :tabindex="field.tabIndex"
-          :disabled="field.field.readonly"
+          :disabled="readonly(key, field, field.field.readonly)"
           @focus="focus(key, field, true)"
           @blur="focus(key, field, false)"
           @change="importFile($event.target, field)"
@@ -171,7 +171,7 @@
           :autofocus="field.autofocus"
           :value="field.field.value"
           :tabindex="field.tabIndex"
-          :disabled="field.field.readonly"
+          :disabled="readonly(key, field, field.field.readonly)"
           @focus="focus(key, field, true)"
           @blur="focus(key, field, false)"
           @input="changed(key, field, false)"
@@ -209,7 +209,7 @@
               :checked="field.field.value === option"
               :aria-checked="field.field.value === option"
               :tabindex="field.nextSubTabIndex(oKey)"
-              :disabled="field.field.readonly"
+              :disabled="readonly(key, field, field.field.readonly)"
               @focus="focus(key, field, true)"
               @blur="focus(key, field, false)"
               @input="changed(key, field, false)"
@@ -638,6 +638,10 @@ export default {
 
       return verified;
     },
+    readonly(key, field, readonly) {
+      this.verify(key, field, readonly);
+      return readonly;
+    },
     focus(key, field, focused) {
       field.highlighted = false;