Mods

Author: gjohansson-ST

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

@@ -95,10 +95,19 @@ export class HaObjectSelector extends LitElement {
           .filter(Boolean)
           .join(" · ");
 
-    const labelHeader = this._computeLabel({
-      name: labelField,
-      selector: labelSelector,
-    });
+    const overviewLabels = this.selector.object!.overview_labels || false;
+
+    const labelField =
+      this.selector.object!.label_field ||
+      Object.keys(this.selector.object!.fields!)[0];
+
+    const labelSelector = this.selector.object!.fields![labelField].selector;
+    const labelHeader = overviewLabels
+      ? `${this._computeLabel({
+          name: labelField,
+          selector: labelSelector,
+        })}: `
+      : "";
 
     let description = "";
     let descriptionHeader = "";
@@ -114,10 +123,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;
@@ -133,10 +144,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

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