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

Rebuild card instead of entire stack (#2467)

Browse Source
This commit is contained in:
Bram Kragten 2019-01-13 23:49:11 +01:00 committed by Paulus Schoutsen
parent bd2c57169b
commit 864f2619a2
1 changed files with 33 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,10 +11,6 @@ interface Config extends LovelaceCardConfig {
}
export abstract class HuiStackCard extends LitElement implements LovelaceCard {
protected _cards?: LovelaceCard[];
private _config?: Config;
private _hass?: HomeAssistant;
static get properties() {
return {
_config: {},
@ -32,6 +28,9 @@ export abstract class HuiStackCard extends LitElement implements LovelaceCard {
element.hass = this._hass;
}
}
protected _cards?: LovelaceCard[];
private _config?: Config;
private _hass?: HomeAssistant;
public abstract getCardSize(): number;
@ -41,10 +40,7 @@ export abstract class HuiStackCard extends LitElement implements LovelaceCard {
}
this._config = config;
this._cards = config.cards.map((card) => {
const element = createCardElement(card) as LovelaceCard;
if (this._hass) {
element.hass = this._hass;
}
const element = this._createCardElement(card) as LovelaceCard;
return element;
});
}
@ -61,4 +57,33 @@ export abstract class HuiStackCard extends LitElement implements LovelaceCard {
}
protected abstract renderStyle(): TemplateResult;
private _createCardElement(cardConfig: LovelaceCardConfig) {
const element = createCardElement(cardConfig) as LovelaceCard;
if (this._hass) {
element.hass = this._hass;
}
element.addEventListener(
"ll-rebuild",
(ev) => {
ev.stopPropagation();
this._rebuildCard(element, cardConfig);
},
{ once: true }
);
return element;
}
private _rebuildCard(
element: LovelaceCard,
config: LovelaceCardConfig
): void {
const newCard = this._createCardElement(config);
element.replaceWith(newCard);
this._cards = this._cards!.splice(
this._cards!.indexOf(element),
1,
newCard
);
}
}