jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-19 07:16:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix conditional card with undefined hass (#1927)

Browse Source 
* Fix conditional card with undefined hass

* Conditional appendChild

* Allow updating card properly
This commit is contained in:
Paulus Schoutsen 2018-10-30 11:30:57 +01:00 committed by Paulus Schoutsen
parent d591c45e4d
commit 575882be5a
1 changed files with 27 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/panels/lovelace/cards/hui-conditional-card.ts
View File

@ -15,8 +15,9 @@ interface Config extends LovelaceConfig {
}
class HuiConditionalCard extends HTMLElement implements LovelaceCard {
protected config?: Config;
protected card?: LovelaceCard;
private _hass?: HomeAssistant;
private _config?: Config;
private _card?: LovelaceCard;
public setConfig(config) {
if (
@ -28,18 +29,27 @@ class HuiConditionalCard extends HTMLElement implements LovelaceCard {
throw new Error("Error in card configuration.");
}
this.config = config;
this.card = createCardElement(config.card);
if (this.card) {
this.appendChild(this.card);
this.card.hass = this.hass;
if (this._card && this._card.parentElement) {
this.removeChild(this._card);
}
this._config = config;
this._card = createCardElement(config.card);
if (this._hass) {
this.hass = this._hass;
}
}
set hass(hass: HomeAssistant) {
this._hass = hass;
if (!this._card) {
return;
}
const visible =
this.config &&
this.config.conditions.every((c) => {
this._config &&
this._config.conditions.every((c) => {
if (!(c.entity in hass.states)) {
return false;
}
@ -49,15 +59,18 @@ class HuiConditionalCard extends HTMLElement implements LovelaceCard {
return hass.states[c.entity].state !== c.state_not;
});
if (visible && this.card) {
this.card.hass = hass;
if (visible) {
this._card.hass = hass;
if (!this._card.parentElement) {
this.appendChild(this._card);
}
} else if (this._card.parentElement) {
this.removeChild(this._card);
}
this.style.setProperty("display", visible ? "" : "none");
}
public getCardSize() {
return computeCardSize(this.card);
return computeCardSize(this._card);
}
}