From 47550f50ec8db1c2c142d7b9e8fcde992d5d68f0 Mon Sep 17 00:00:00 2001
From: Florian Hotze <florianh_dev@icloud.com>
Date: Wed, 13 Mar 2024 12:36:20 +0100
Subject: [PATCH] Thing edit: Fix changing ID shows wrong value & Always show
 UID

Fixes #2469.

After changing the ID of a Thing (only possible when creating a new Thing), the displayed value was reset to the pre-filled default when moving to a different field.
When saving the Thing, the entered value was used.
This was because Vue did not properly notice the change of the ID.

Signed-off-by: Florian Hotze <florianh_dev@icloud.com>
---
 .../web/src/components/thing/thing-general-settings.vue       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/bundles/org.openhab.ui/web/src/components/thing/thing-general-settings.vue b/bundles/org.openhab.ui/web/src/components/thing/thing-general-settings.vue
index 5a6f183150..0db5577a8b 100644
--- a/bundles/org.openhab.ui/web/src/components/thing/thing-general-settings.vue
+++ b/bundles/org.openhab.ui/web/src/components/thing/thing-general-settings.vue
@@ -8,7 +8,7 @@
               <f7-list-input v-if="createMode" label="Thing ID" type="text" placeholder="Required" :value="thing.ID"
                              @input="changeUID" info="Note: cannot be changed after the creation"
                              required validate pattern="[A-Za-z0-9_\-]+" error-message="Required. A-Z,a-z,0-9,_,- only" />
-              <f7-list-input v-else label="Thing UID" type="text" :input="false" disabled>
+              <f7-list-input label="Thing UID" type="text" :input="false" disabled>
                 <span slot="input">
                   {{ thing.UID }}
                   <clipboard-icon v-if="thing.UID && ready" :value="thing.UID" tooltip="Copy UID" style="pointer-events: initial !important" />
@@ -62,7 +62,7 @@ export default {
         : [this.thing.thingTypeUID, this.thing.ID].join(':')
     },
     changeUID (event) {
-      this.thing.ID = event.target.value
+      this.$set(this.thing, 'ID', event.target.value)
       if (this.createMode) this.thing.UID = this.computedThingUid()
     },
     updateBridge (value) {