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/hui-entities-toggle.js";
@ -36,13 +42,19 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
protected _config?: Config;
protected _configEntities?: ConfigEntity[];
set hass(hass) {
set hass(hass: HomeAssistant) {
this._hass = hass;
this.shadowRoot!.querySelectorAll("#states > *").forEach(
this.shadowRoot!.querySelectorAll("#states > div > *").forEach(
(element: unknown) => {
(element as EntityRow).hass = hass;
}
);
const entitiesToggle = this.shadowRoot!.querySelector(
"hui-entities-toggle"
);
if (entitiesToggle) {
(entitiesToggle as any).hass = hass;
}
}
static get properties(): PropertyDeclarations {
@ -51,7 +63,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
};
}
public getCardSize() {
public getCardSize(): number {
if (!this._config) {
return 0;
}
@ -59,7 +71,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
return (this._config.title ? 1 : 0) + this._config.entities.length;
}
public setConfig(config: Config) {
public setConfig(config: Config): void {
const entities = processConfigEntities(config.entities);
for (const entity of entities) {
if (
@ -78,14 +90,18 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
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) {
return html``;
}
const { show_header_toggle, title } = this._config;
applyThemesOnElement(this, this._hass.themes, this._config.theme);
return html`
${this.renderStyle()}
<ha-card>
@ -104,8 +120,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
.entities="${this._configEntities!.map(
(conf) => conf.entity
)}"
>
</hui-entities-toggle>`
></hui-entities-toggle>`
}
</div>`
}
@ -118,7 +133,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
`;
}
private renderStyle() {
private renderStyle(): TemplateResult {
return html`
<style>
ha-card {
@ -153,7 +168,7 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
`;
}
private renderEntity(entityConf) {
private renderEntity(entityConf: ConfigEntity): TemplateResult {
const element = createRowElement(entityConf);
if (this._hass) {
element.hass = this._hass;
@ -169,9 +184,8 @@ class HuiEntitiesCard extends hassLocalizeLitMixin(LitElement)
return html`<div>${element}</div>`;
}
private _handleClick(entityConf: ConfigEntity) {
private _handleClick(entityConf: ConfigEntity): void {
const entityId = entityConf.entity;
fireEvent(this, "hass-more-info", { entityId });
}
}