From 75e24780c16ef5ef5c9f0a4efe151cca018fe21c Mon Sep 17 00:00:00 2001 From: Paul Bottein Date: Mon, 30 Sep 2024 15:52:20 +0200 Subject: [PATCH] Use dash for unknown and unavailable state in heading entity (#22163) * Use dash for unknown and unavailable state in heading entity * Update src/state-display/state-display.ts Co-authored-by: Simon Lamon <32477463+silamon@users.noreply.github.com> --------- Co-authored-by: Simon Lamon <32477463+silamon@users.noreply.github.com> --- .../lovelace/heading-badges/hui-entity-heading-badge.ts | 1 + src/state-display/state-display.ts | 6 ++++++ 2 files changed, 7 insertions(+) diff --git a/src/panels/lovelace/heading-badges/hui-entity-heading-badge.ts b/src/panels/lovelace/heading-badges/hui-entity-heading-badge.ts index 4109e08528..e427d104d9 100644 --- a/src/panels/lovelace/heading-badges/hui-entity-heading-badge.ts +++ b/src/panels/lovelace/heading-badges/hui-entity-heading-badge.ts @@ -152,6 +152,7 @@ export class HuiEntityHeadingBadge .stateObj=${stateObj} .content=${config.state_content} .name=${config.name} + dash-unavailable > ` : nothing} diff --git a/src/state-display/state-display.ts b/src/state-display/state-display.ts index 26bfdbb5cd..a6f12693dd 100644 --- a/src/state-display/state-display.ts +++ b/src/state-display/state-display.ts @@ -57,6 +57,9 @@ class StateDisplay extends LitElement { @property({ attribute: false }) public name?: string; + @property({ type: Boolean, attribute: "dash-unavailable" }) + public dashUnavailable?: boolean; + protected createRenderRoot() { return this; } @@ -73,6 +76,9 @@ class StateDisplay extends LitElement { const domain = computeStateDomain(stateObj); if (content === "state") { + if (this.dashUnavailable && isUnavailableState(stateObj.state)) { + return "—"; + } if ( (stateObj.attributes.device_class === SENSOR_DEVICE_CLASS_TIMESTAMP || TIMESTAMP_STATE_DOMAINS.includes(domain)) &&