Fix thermostat unavailable (#4245)

This commit is contained in:
Bram Kragten 2019-11-19 13:16:38 +01:00 committed by GitHub
parent fcd793fc9e
commit 69929f5dc3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 1 deletions

View File

@ -16,6 +16,7 @@ import "@thomasloven/round-slider";
import "../../../components/ha-card";
import "../../../components/ha-icon";
import "../components/hui-warning";
import "../components/hui-unavailable";
import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_element";
import { computeStateName } from "../../../common/entity/compute_state_name";
@ -110,7 +111,7 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
: stateObj.attributes.min_temp;
const slider =
stateObj.state === "unvailable"
stateObj.state === "unavailable"
? html`
<round-slider disabled="true"></round-slider>
`
@ -201,6 +202,13 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
[mode]: true,
})}
>
${stateObj.state === "unavailable"
? html`
<hui-unavailable
.text="${this.hass.localize("state.default.unavailable")}"
></hui-unavailable>
`
: ""}
<paper-icon-button
icon="hass:dots-vertical"
class="more-info"

View File

@ -40,6 +40,7 @@ export class HuiUnavailable extends LitElement {
top: 50%;
left: 50%;
font-size: 24px;
text-align: center;
color: var(--primary-text-color);
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);