Add 'state' option for secondary entity info on Entities card (#26201)

* add 'state' option for secondary entity info on Entities card

* Use formatEntityState instead of computeStateDisplay

src/panels/lovelace/cards/types.ts

@@ -73,6 +73,7 @@ export interface EntitiesCardEntityConfig extends EntityConfig {
     | "last-triggered"
     | "last-updated"
     | "position"
+    | "state"
     | "tilt-position"
     | "brightness";
   action_name?: string;

src/panels/lovelace/components/hui-generic-entity-row.ts

@@ -146,7 +146,11 @@ export class HuiGenericEntityRow extends LitElement {
                                           100
                                       )}
                                       %`
-                                    : nothing)}
+                                    : this.config.secondary_info === "state"
+                                      ? html`${this.hass.formatEntityState(
+                                          stateObj
+                                        )}`
+                                      : nothing)}
                     </div>
                   `
                 : nothing}

src/panels/lovelace/editor/config-elements/hui-generic-entity-row-editor.ts

@@ -19,6 +19,7 @@ const SECONDARY_INFO_VALUES = {
   "last-updated": {},
   "last-triggered": { domains: ["automation", "script"] },
   position: { domains: ["cover"] },
+  state: {},
   "tilt-position": { domains: ["cover"] },
   brightness: { domains: ["light"] },
 };

src/translations/en.json

@@ -7305,7 +7305,8 @@
                 "position": "Position",
                 "tilt-position": "Tilt position",
                 "brightness": "Brightness",
-                "last-updated": "Last updated"
+                "last-updated": "Last updated",
+                "state": "State"
               },
               "entity_row": {
                 "divider": "Divider",