Item list & details: Hide group type if not set (#2453)

Also-by: Florian Hotze <florianh_dev@icloud.com>
Signed-off-by: Jimmy Tanagra <jcode@tanagra.id.au>

bundles/org.openhab.ui/web/src/components/item/item-mixin.js

@@ -3,11 +3,15 @@ import TagMixin from '@/components/tags/tag-mixin'
 export default {
   mixins: [TagMixin],
   methods: {
-    getItemTypeAndMetaLabel (item) {
+    getItemTypeLabel (item) {
       let ret = item.type
-      if (item.type === 'Group') {
+      if (item.type === 'Group' && item.groupType) {
         ret += ` (${item.groupType})`
       }
+      return ret
+    },
+    getItemTypeAndMetaLabel (item) {
+      let ret = this.getItemTypeLabel(item)
       if (item.metadata && item.metadata.semantics) {
         ret += ' · '
         const classParts = item.metadata.semantics.value.split('_')

bundles/org.openhab.ui/web/src/pages/settings/items/item-details.vue

@@ -19,7 +19,7 @@
         <h2>{{ item.label }}</h2>
         <!-- <h4 v-show="item.label">{{item.name}}</h4> -->
         <h5 v-show="item.type">
-          <small>{{ item.type === 'Group' ? `${item.type} (${item.groupType})` : item.type }}</small>
+          <small>{{ getItemTypeLabel(item) }}</small>
         </h5>
       </f7-subnavbar>
     </f7-navbar>
@@ -157,8 +157,10 @@ import ItemStatePreview from '@/components/item/item-state-preview.vue'
 import LinkDetails from '@/components/model/link-details.vue'
 import GroupMembers from '@/components/item/group-members.vue'
 import MetadataMenu from '@/components/item/metadata/item-metadata-menu.vue'
+import ItemMixin from '@/components/item/item-mixin'
 
 export default {
+  mixins: [ItemMixin],
   props: ['itemName'],
   components: {
     LinkDetails,