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>pull/22165/head
parent
95580bc4c0
commit
75e24780c1
|
@ -152,6 +152,7 @@ export class HuiEntityHeadingBadge
|
||||||
.stateObj=${stateObj}
|
.stateObj=${stateObj}
|
||||||
.content=${config.state_content}
|
.content=${config.state_content}
|
||||||
.name=${config.name}
|
.name=${config.name}
|
||||||
|
dash-unavailable
|
||||||
></state-display>
|
></state-display>
|
||||||
`
|
`
|
||||||
: nothing}
|
: nothing}
|
||||||
|
|
|
@ -57,6 +57,9 @@ class StateDisplay extends LitElement {
|
||||||
|
|
||||||
@property({ attribute: false }) public name?: string;
|
@property({ attribute: false }) public name?: string;
|
||||||
|
|
||||||
|
@property({ type: Boolean, attribute: "dash-unavailable" })
|
||||||
|
public dashUnavailable?: boolean;
|
||||||
|
|
||||||
protected createRenderRoot() {
|
protected createRenderRoot() {
|
||||||
return this;
|
return this;
|
||||||
}
|
}
|
||||||
|
@ -73,6 +76,9 @@ class StateDisplay extends LitElement {
|
||||||
const domain = computeStateDomain(stateObj);
|
const domain = computeStateDomain(stateObj);
|
||||||
|
|
||||||
if (content === "state") {
|
if (content === "state") {
|
||||||
|
if (this.dashUnavailable && isUnavailableState(stateObj.state)) {
|
||||||
|
return "—";
|
||||||
|
}
|
||||||
if (
|
if (
|
||||||
(stateObj.attributes.device_class === SENSOR_DEVICE_CLASS_TIMESTAMP ||
|
(stateObj.attributes.device_class === SENSOR_DEVICE_CLASS_TIMESTAMP ||
|
||||||
TIMESTAMP_STATE_DOMAINS.includes(domain)) &&
|
TIMESTAMP_STATE_DOMAINS.includes(domain)) &&
|
||||||
|
|
Loading…
Reference in New Issue