Mods

Author: gjohansson-ST

src/components/ha-selector/ha-selector-object.ts

@@ -82,16 +82,20 @@ export class HaObjectSelector extends LitElement {
       this.selector.object!.label_field ||
       Object.keys(this.selector.object!.fields!)[0];
 
+    const overviewLabels = this.selector.object!.overview_labels || false;
+
     const labelSelector = this.selector.object!.fields![labelField].selector;
 
     const label = labelSelector
       ? formatSelectorValue(this.hass, item[labelField], labelSelector)
       : "";
 
-    const labelHeader = this._computeLabel({
-      name: labelField,
-      selector: labelSelector,
-    });
+    const labelHeader = overviewLabels
+      ? `${this._computeLabel({
+          name: labelField,
+          selector: labelSelector,
+        })}: `
+      : "";
 
     let description = "";
     let descriptionHeader = "";
@@ -108,10 +112,12 @@ export class HaObjectSelector extends LitElement {
             descriptionSelector
           )
         : "";
-      descriptionHeader = this._computeLabel({
-        name: descriptionField,
-        selector: descriptionSelector,
-      });
+      descriptionHeader = overviewLabels
+        ? `${this._computeLabel({
+            name: descriptionField,
+            selector: descriptionSelector,
+          })}: `
+        : "";
     }
 
     const reorderable = this.selector.object!.multiple || false;
@@ -127,10 +133,10 @@ export class HaObjectSelector extends LitElement {
               ></ha-svg-icon>
             `
           : nothing}
-        <div slot="headline" class="label">${labelHeader}: ${label}</div>
+        <div slot="headline" class="label">${labelHeader}${label}</div>
         ${description
           ? html`<div slot="supporting-text" class="description">
-              ${descriptionHeader}: ${description}
+              ${descriptionHeader}${description}
             </div>`
           : nothing}
         <ha-icon-button

src/data/selector.ts

@@ -388,6 +388,7 @@ export interface ObjectSelector {
     label_field?: string;
     description_field?: string;
     translation_key?: string;
+    overview_labels?: boolean;
     fields?: Record<string, ObjectSelectorField>;
     multiple?: boolean;
   } | null;