From ae1dbf9706472255ed612e36773d344955de594c Mon Sep 17 00:00:00 2001
From: jimtng <2554958+jimtng@users.noreply.github.com>
Date: Mon, 23 Dec 2024 00:48:10 +1000
Subject: [PATCH] Fix enabled profiles in link editor appear disabled (#2938)

Reported on the community:
https://community.openhab.org/t/enocean-impossible-to-link-a-rockerswitch-channel-with-an-item-in-main-ui-there-is-no-profile-available-for-the-selected-item/160987/40

Signed-off-by: Jimmy Tanagra <jcode@tanagra.id.au>
(cherry picked from commit 0071de993c711d91c7e7843ce4f16cc1e1f7347f)
---
 .../pages/settings/things/link/link-edit.vue  | 33 ++++++++++++-------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-edit.vue
index e9d042ce9..ba39a044c 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-edit.vue
@@ -51,18 +51,19 @@
           <f7-link external color="blue" target="_blank" :href="`${$store.state.websiteUrl}/link/profiles`">
             Learn more about profiles.
           </f7-link>
-          <f7-block v-if="!ready" class="text-align-center">
-            <f7-preloader />
-            <div>Loading...</div>
-          </f7-block>
-          <f7-list v-else>
-            <f7-list-item radio v-for="profileType in profileTypes"
-                          :checked="!currentProfileType && profileType.uid === 'system:default' || currentProfileType && profileType.uid === currentProfileType.uid"
-                          :disabled="!link.editable"
-                          @change="onProfileTypeChange(profileType.uid)"
-                          :key="profileType.uid" :title="profileType.label" name="profile-type" />
-          </f7-list>
         </f7-block-footer>
+        <f7-block v-if="!ready" class="text-align-center">
+          <f7-preloader />
+          <div>Loading...</div>
+        </f7-block>
+        <f7-list v-else class="profile-list">
+          <f7-list-item radio v-for="profileType in profileTypes" class="profile-item"
+                        :checked="!currentProfileType && profileType.uid === 'system:default' || currentProfileType && profileType.uid === currentProfileType.uid"
+                        :disabled="!link.editable"
+                        :class="{ 'profile-disabled': !link.editable }"
+                        @change="onProfileTypeChange(profileType.uid)"
+                        :key="profileType.uid" :title="profileType.label" name="profile-type" />
+        </f7-list>
       </f7-col>
       <f7-col v-if="profileTypeConfiguration != null">
         <f7-block-title>Profile Configuration</f7-block-title>
@@ -77,6 +78,16 @@
   </f7-page>
 </template>
 
+<style lang="stylus">
+.profile-list
+  .profile-item.profile-disabled
+    pointer-events none
+    .icon-radio
+      opacity 0.3
+    .item-title
+      opacity 0.55
+</style>
+
 <script>
 import ConfigSheet from '@/components/config/config-sheet.vue'
 import Item from '@/components/item/item.vue'