From 045fde03f24e99a4215b057994f95ea42cab187d Mon Sep 17 00:00:00 2001
From: Gautier Taravella <tarag@mailbox.org>
Date: Wed, 19 Jan 2022 21:47:14 +0100
Subject: [PATCH 1/2] Configuration option to hide item state in main UI list
 widgets

Signed-off-by: Gautier Taravella <tarag@mailbox.org>
---
 .../web/src/assets/definitions/widgets/standard/listitems.js    | 1 +
 .../web/src/components/widgets/standard/list/oh-label-item.vue  | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/bundles/org.openhab.ui/web/src/assets/definitions/widgets/standard/listitems.js b/bundles/org.openhab.ui/web/src/assets/definitions/widgets/standard/listitems.js
index 9515bd4801..7006b77eac 100644
--- a/bundles/org.openhab.ui/web/src/assets/definitions/widgets/standard/listitems.js
+++ b/bundles/org.openhab.ui/web/src/assets/definitions/widgets/standard/listitems.js
@@ -9,6 +9,7 @@ export const ListItemParameters = () => [
   pt('title', 'Title', 'Title of the item'),
   pt('subtitle', 'Subtitle', 'Subtitle of the item'),
   pt('after', 'After', 'Text to display on the opposite side of the item (set either this or a badge)').a(),
+  pb('hideState', 'Hide State', 'Do not display the state of the item at all').a(),
   pt('icon', 'Icon', 'Use <code>oh:iconName</code> (<a class="external text-color-blue" target="_blank" href="https://www.openhab.org/link/icons">openHAB icon</a>), <code>f7:iconName</code> (<a class="external text-color-blue" target="_blank" href="https://framework7.io/icons/">Framework7 icon</a>), <code>material:iconName</code> (<a class="external text-color-blue" target="_blank" href="https://jossef.github.io/material-design-icons-iconfont/">Material icon</a>) or <code>iconify:iconSet:iconName</code> (<a class="external text-color-blue" target="_blank" href="https://icon-sets.iconify.design">Iconify icon</a>, requires being online if not in cache)'),
   pt('iconColor', 'Icon Color', 'Not applicable to openHAB icons').a(),
   pb('iconUseState', 'Icon depends on state', 'Use the state of the item to get a dynamic icon (for openHAB icons only)').a()
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-label-item.vue b/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-label-item.vue
index 9ab99f28cf..7525e33ddd 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-label-item.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-label-item.vue
@@ -1,7 +1,7 @@
 <template>
   <oh-list-item :context="context">
     <div slot="after">
-      {{ context.store[config.item].displayState || context.store[config.item].state }}
+      {{ config.hideState ? '' : context.store[config.item].displayState || context.store[config.item].state }}
     </div>
   </oh-list-item>
 </template>

From 42b396b8236bfe3f787f54ac5966cb008248095a Mon Sep 17 00:00:00 2001
From: Gautier Taravella <tarag@mailbox.org>
Date: Mon, 24 Jan 2022 10:28:02 +0100
Subject: [PATCH 2/2] Hide item state when the 'after' oh-list-item has been
 configured.

Signed-off-by: Gautier Taravella <tarag@mailbox.org>
---
 .../web/src/assets/definitions/widgets/standard/listitems.js  | 1 -
 .../src/components/widgets/standard/list/oh-label-item.vue    | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/bundles/org.openhab.ui/web/src/assets/definitions/widgets/standard/listitems.js b/bundles/org.openhab.ui/web/src/assets/definitions/widgets/standard/listitems.js
index 7006b77eac..9515bd4801 100644
--- a/bundles/org.openhab.ui/web/src/assets/definitions/widgets/standard/listitems.js
+++ b/bundles/org.openhab.ui/web/src/assets/definitions/widgets/standard/listitems.js
@@ -9,7 +9,6 @@ export const ListItemParameters = () => [
   pt('title', 'Title', 'Title of the item'),
   pt('subtitle', 'Subtitle', 'Subtitle of the item'),
   pt('after', 'After', 'Text to display on the opposite side of the item (set either this or a badge)').a(),
-  pb('hideState', 'Hide State', 'Do not display the state of the item at all').a(),
   pt('icon', 'Icon', 'Use <code>oh:iconName</code> (<a class="external text-color-blue" target="_blank" href="https://www.openhab.org/link/icons">openHAB icon</a>), <code>f7:iconName</code> (<a class="external text-color-blue" target="_blank" href="https://framework7.io/icons/">Framework7 icon</a>), <code>material:iconName</code> (<a class="external text-color-blue" target="_blank" href="https://jossef.github.io/material-design-icons-iconfont/">Material icon</a>) or <code>iconify:iconSet:iconName</code> (<a class="external text-color-blue" target="_blank" href="https://icon-sets.iconify.design">Iconify icon</a>, requires being online if not in cache)'),
   pt('iconColor', 'Icon Color', 'Not applicable to openHAB icons').a(),
   pb('iconUseState', 'Icon depends on state', 'Use the state of the item to get a dynamic icon (for openHAB icons only)').a()
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-label-item.vue b/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-label-item.vue
index 7525e33ddd..6f9826439a 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-label-item.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-label-item.vue
@@ -1,7 +1,7 @@
 <template>
   <oh-list-item :context="context">
-    <div slot="after">
-      {{ config.hideState ? '' : context.store[config.item].displayState || context.store[config.item].state }}
+    <div slot="after" v-if="config.after === undefined">
+      {{ context.store[config.item].displayState || context.store[config.item].state }}
     </div>
   </oh-list-item>
 </template>