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

Propagate hass correctly (#1918)

Browse Source
This commit is contained in:
Paulus Schoutsen 2018-10-30 08:38:27 +01:00 committed by Paulus Schoutsen
parent f9b06adc9f
commit d591c45e4d
1 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/panels/lovelace/cards/hui-entities-card.ts
View File

@ -1,4 +1,10 @@
import { html, LitElement, PropertyDeclarations } from "@polymer/lit-element"; import {
html,
LitElement,
PropertyDeclarations,
PropertyValues,
} from "@polymer/lit-element";
import { TemplateResult } from "lit-html";
import "../../../components/ha-card.js"; import "../../../components/ha-card.js";
import "../components/hui-entities-toggle.js"; import "../components/hui-entities-toggle.js";
@ -34,13 +40,19 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
protected _config?: Config; protected _config?: Config;
protected _configEntities?: ConfigEntity[]; protected _configEntities?: ConfigEntity[];
set hass(hass) { set hass(hass: HomeAssistant) {
this._hass = hass; this._hass = hass;
this.shadowRoot!.querySelectorAll("#states > *").forEach( this.shadowRoot!.querySelectorAll("#states > div > *").forEach(
(element: unknown) => { (element: unknown) => {
(element as EntityRow).hass = hass; (element as EntityRow).hass = hass;
} }
); );
const entitiesToggle = this.shadowRoot!.querySelector(
"hui-entities-toggle"
);
if (entitiesToggle) {
(entitiesToggle as any).hass = hass;
}
} }
static get properties(): PropertyDeclarations { static get properties(): PropertyDeclarations {
@ -49,7 +61,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
}; };
} }
public getCardSize() { public getCardSize(): number {
if (!this._config) { if (!this._config) {
return 0; return 0;
} }
@ -57,7 +69,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
return (this._config.title ? 1 : 0) + this._config.entities.length; return (this._config.title ? 1 : 0) + this._config.entities.length;
} }
public setConfig(config: Config) { public setConfig(config: Config): void {
const entities = processConfigEntities(config.entities); const entities = processConfigEntities(config.entities);
for (const entity of entities) { for (const entity of entities) {
if ( if (
@ -81,7 +93,13 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
this._configEntities = entities; this._configEntities = entities;
} }
protected render() { protected updated(_changedProperties: PropertyValues): void {
if (this._hass && this._config) {
applyThemesOnElement(this, this._hass.themes, this._config.theme);
}
}
protected render(): TemplateResult {
if (!this._config || !this._hass) { if (!this._config || !this._hass) {
return html``; return html``;
} }
@ -105,8 +123,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
.entities="${this._configEntities!.map( .entities="${this._configEntities!.map(
(conf) => conf.entity (conf) => conf.entity
)}" )}"
> ></hui-entities-toggle>`
</hui-entities-toggle>`
} }
</div>` </div>`
} }
@ -119,7 +136,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
`; `;
} }
private renderStyle() { private renderStyle(): TemplateResult {
return html` return html`
<style> <style>
ha-card { ha-card {
@ -154,7 +171,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
`; `;
} }
private renderEntity(entityConf) { private renderEntity(entityConf: ConfigEntity): TemplateResult {
const element = createRowElement(entityConf); const element = createRowElement(entityConf);
if (this._hass) { if (this._hass) {
element.hass = this._hass; element.hass = this._hass;
@ -170,9 +187,8 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
return element; return element;
} }
private _handleClick(entityConf: ConfigEntity) { private _handleClick(entityConf: ConfigEntity): void {
const entityId = entityConf.entity; const entityId = entityConf.entity;
fireEvent(this, "hass-more-info", { entityId }); fireEvent(this, "hass-more-info", { entityId });
} }
} }