diff --git a/src/panels/lovelace/cards/hui-thermostat-card.ts b/src/panels/lovelace/cards/hui-thermostat-card.ts index 1a9ea12103..12b20c2022 100644 --- a/src/panels/lovelace/cards/hui-thermostat-card.ts +++ b/src/panels/lovelace/cards/hui-thermostat-card.ts @@ -116,7 +116,8 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard { [mode]: true, large: this._broadCard!, small: !this._broadCard, - })}"> + })}" + >
-
${this._config.name || - computeStateName(stateObj)}
+
+ ${this._config.name || computeStateName(stateObj)} +
${stateObj.attributes.current_temperature} - ${ - stateObj.attributes.current_temperature - ? html` - ${this.hass.config.unit_system.temperature} - ` - : "" - } + ${stateObj.attributes.current_temperature + ? html` + ${this.hass.config.unit_system.temperature} + ` + : ""}
-
-
- ${this.hass!.localize(`state.climate.${stateObj.state}`)} - ${ - stateObj.attributes.preset_mode +
+
+ ${this.hass!.localize(`state.climate.${stateObj.state}`)} + ${stateObj.attributes.preset_mode ? html` - ${this.hass!.localize( @@ -155,13 +154,13 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard { }` ) || stateObj.attributes.preset_mode} ` - : "" - } -
-
- ${stateObj.attributes.hvac_modes.map((modeItem) => - this._renderIcon(modeItem, mode) - )} + : ""} +
+
+ ${stateObj.attributes.hvac_modes.map((modeItem) => + this._renderIcon(modeItem, mode) + )} +