mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-23 01:06:35 +00:00
Fix thermostat unavailable (#4245)
This commit is contained in:
parent
fcd793fc9e
commit
69929f5dc3
@ -16,6 +16,7 @@ import "@thomasloven/round-slider";
|
|||||||
import "../../../components/ha-card";
|
import "../../../components/ha-card";
|
||||||
import "../../../components/ha-icon";
|
import "../../../components/ha-icon";
|
||||||
import "../components/hui-warning";
|
import "../components/hui-warning";
|
||||||
|
import "../components/hui-unavailable";
|
||||||
|
|
||||||
import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_element";
|
import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_element";
|
||||||
import { computeStateName } from "../../../common/entity/compute_state_name";
|
import { computeStateName } from "../../../common/entity/compute_state_name";
|
||||||
@ -110,7 +111,7 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
|
|||||||
: stateObj.attributes.min_temp;
|
: stateObj.attributes.min_temp;
|
||||||
|
|
||||||
const slider =
|
const slider =
|
||||||
stateObj.state === "unvailable"
|
stateObj.state === "unavailable"
|
||||||
? html`
|
? html`
|
||||||
<round-slider disabled="true"></round-slider>
|
<round-slider disabled="true"></round-slider>
|
||||||
`
|
`
|
||||||
@ -201,6 +202,13 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
|
|||||||
[mode]: true,
|
[mode]: true,
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
|
${stateObj.state === "unavailable"
|
||||||
|
? html`
|
||||||
|
<hui-unavailable
|
||||||
|
.text="${this.hass.localize("state.default.unavailable")}"
|
||||||
|
></hui-unavailable>
|
||||||
|
`
|
||||||
|
: ""}
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
icon="hass:dots-vertical"
|
icon="hass:dots-vertical"
|
||||||
class="more-info"
|
class="more-info"
|
||||||
|
@ -40,6 +40,7 @@ export class HuiUnavailable extends LitElement {
|
|||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
|
text-align: center;
|
||||||
color: var(--primary-text-color);
|
color: var(--primary-text-color);
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
-ms-transform: translate(-50%, -50%);
|
-ms-transform: translate(-50%, -50%);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user