jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 03:36:44 +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 GitHub
parent 226203143b
commit 5a1ca3855b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
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";
@ -36,13 +42,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 {
@ -51,7 +63,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
}; };
} }
public getCardSize() { public getCardSize(): number {
if (!this._config) { if (!this._config) {
return 0; return 0;
} }
@ -59,7 +71,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 (
@ -78,14 +90,18 @@ 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``;
} }
const { show_header_toggle, title } = this._config; const { show_header_toggle, title } = this._config;
applyThemesOnElement(this, this._hass.themes, this._config.theme);
return html` return html`
${this.renderStyle()} ${this.renderStyle()}
<ha-card> <ha-card>
@ -104,8 +120,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>`
} }
@ -118,7 +133,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
`; `;
} }
private renderStyle() { private renderStyle(): TemplateResult {
return html` return html`
<style> <style>
ha-card { ha-card {
@ -153,7 +168,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;
@ -169,9 +184,8 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
return html`<div>${element}</div>`; return html`<div>${element}</div>`;
} }
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 });
} }
} }