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 <[email protected]> (cherry picked from commit 0071de9)
openhab · Dec 22, 2024 · ae1dbf9 · ae1dbf9
1 parent 813f119
commit ae1dbf9
Showing 1 changed file with 22 additions and 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
@@ -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'