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

Convert hui-group-entity-row to TypeScript/LitElement (#2015)

Browse Source 
* Convert hui-group-entity-row to TypeScript/LitElement

* Address review comment and Travis errors
This commit is contained in:
Ian Richardson 2018-11-08 02:41:46 -06:00 committed by Paulus Schoutsen
parent 9596f737e8
commit 6c44a92e2c
2 changed files with 88 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/panels/lovelace/entity-rows/hui-group-entity-row.js
View File

@ -1,73 +0,0 @@
import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/hui-generic-entity-row";
import "../../../components/entity/ha-entity-toggle";
import computeStateDisplay from "../../../common/entity/compute_state_display";
import { DOMAINS_TOGGLE } from "../../../common/const";
import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
*/
class HuiGroupEntityRow extends LocalizeMixin(PolymerElement) {
static get template() {
return html`
<hui-generic-entity-row hass="[[hass]]" config="[[_config]]">
${this.groupControlTemplate}
</hui-generic-entity-row>
`;
}
static get groupControlTemplate() {
return html`
<template is="dom-if" if="[[_canToggle]]">
<ha-entity-toggle
hass="[[hass]]"
state-obj="[[_stateObj]]"
></ha-entity-toggle>
</template>
<template is="dom-if" if="[[!_canToggle]]">
<div>[[_computeState(_stateObj)]]</div>
</template>
`;
}
static get properties() {
return {
hass: Object,
_config: Object,
_stateObj: {
type: Object,
computed: "_computeStateObj(hass.states, _config.entity)",
},
_canToggle: {
type: Boolean,
computed: "_computeCanToggle(_stateObj.attributes.entity_id)",
},
};
}
setConfig(config) {
if (!config || !config.entity) {
throw new Error("Entity not configured.");
}
this._config = config;
}
_computeStateObj(states, entityId) {
return states && entityId in states ? states[entityId] : null;
}
_computeCanToggle(entityIds) {
return entityIds.some((entityId) =>
DOMAINS_TOGGLE.has(entityId.split(".", 1)[0])
);
}
_computeState(stateObj) {
return computeStateDisplay(this.localize, stateObj);
}
}
customElements.define("hui-group-entity-row", HuiGroupEntityRow);

88
src/panels/lovelace/entity-rows/hui-group-entity-row.ts Normal file
View File

@ -0,0 +1,88 @@
import { html, LitElement, PropertyDeclarations } from "@polymer/lit-element";
import { TemplateResult } from "lit-html";
import "../components/hui-generic-entity-row";
import "../../../components/entity/ha-entity-toggle";
import "./hui-error-entity-row";
import computeStateDisplay from "../../../common/entity/compute_state_display";
import { DOMAINS_TOGGLE } from "../../../common/const";
import { hassLocalizeLitMixin } from "../../../mixins/lit-localize-mixin";
import { HomeAssistant } from "../../../types";
import { EntityRow, EntityConfig } from "./types";
class HuiGroupEntityRow extends hassLocalizeLitMixin(LitElement)
implements EntityRow {
public hass?: HomeAssistant;
private _config?: EntityConfig;
static get properties(): PropertyDeclarations {
return {
hass: {},
_config: {},
};
}
public setConfig(config: EntityConfig): void {
if (!config) {
throw new Error("Configuration error");
}
this._config = config;
}
protected render(): TemplateResult {
if (!this._config || !this.hass) {
return html``;
}
const stateObj = this.hass.states[this._config.entity];
if (!stateObj) {
return html`
<hui-error-entity-row
.entity="${this._config.entity}"
></hui-error-entity-row>
`;
}
return html`
<hui-generic-entity-row .hass="${this.hass}" .config="${this._config}">
>
${
this._computeCanToggle(stateObj.attributes.entity_id)
? html`
<ha-entity-toggle
.hass="${this.hass}"
.stateObj="${stateObj}"
></ha-entity-toggle>
`
: html`
<div>
${
computeStateDisplay(
this.localize,
stateObj,
this.hass.language
)
}
</div>
`
}
</hui-generic-entity-row>
`;
}
private _computeCanToggle(entityIds): boolean {
return entityIds.some((entityId) =>
DOMAINS_TOGGLE.has(entityId.split(".", 1)[0])
);
}
}
declare global {
interface HTMLElementTagNameMap {
"hui-group-entity-row": HuiGroupEntityRow;
}
}
customElements.define("hui-group-entity-row", HuiGroupEntityRow);