diff --git a/src/data/humidifier.ts b/src/data/humidifier.ts index dd83e21003..90d70f68d4 100644 --- a/src/data/humidifier.ts +++ b/src/data/humidifier.ts @@ -14,7 +14,7 @@ export type HumidifierEntity = HassEntityBase & { min_humidity?: number; max_humidity?: number; mode?: string; - action: HumidifierAction; + action?: HumidifierAction; available_modes?: string[]; }; }; diff --git a/src/panels/lovelace/cards/hui-humidifier-card.ts b/src/panels/lovelace/cards/hui-humidifier-card.ts index bca4924cc1..57e9ee8ee5 100644 --- a/src/panels/lovelace/cards/hui-humidifier-card.ts +++ b/src/panels/lovelace/cards/hui-humidifier-card.ts @@ -165,13 +165,24 @@ export class HuiHumidifierCard extends LitElement implements LovelaceCard { text-anchor="middle" id="set-mode" > - ${computeStateDisplay( - this.hass.localize, - stateObj, - this.hass.locale, - this.hass.config, - this.hass.entities - )} + ${ + stateObj.attributes.action + ? computeAttributeValueDisplay( + this.hass.localize, + stateObj, + this.hass.locale, + this.hass.config, + this.hass.entities, + "action" + ) + : computeStateDisplay( + this.hass.localize, + stateObj, + this.hass.locale, + this.hass.config, + this.hass.entities + ) + } ${ stateObj.state !== UNAVAILABLE && stateObj.attributes.mode ? html`