87 lines
2.6 KiB
TypeScript
87 lines
2.6 KiB
TypeScript
import { html, LitElement, PropertyValues, TemplateResult } from "lit";
|
|
import { customElement, property, state } from "lit/decorators";
|
|
import { DOMAINS_TOGGLE } from "../../../common/const";
|
|
import { computeDomain } from "../../../common/entity/compute_domain";
|
|
import { computeStateDisplay } from "../../../common/entity/compute_state_display";
|
|
import "../../../components/entity/ha-entity-toggle";
|
|
import { HomeAssistant } from "../../../types";
|
|
import { hasConfigOrEntityChanged } from "../common/has-changed";
|
|
import "../components/hui-generic-entity-row";
|
|
import { createEntityNotFoundWarning } from "../components/hui-warning";
|
|
import { EntityConfig, LovelaceRow } from "./types";
|
|
|
|
@customElement("hui-group-entity-row")
|
|
class HuiGroupEntityRow extends LitElement implements LovelaceRow {
|
|
@property({ attribute: false }) public hass?: HomeAssistant;
|
|
|
|
@state() private _config?: EntityConfig;
|
|
|
|
private _computeCanToggle(hass: HomeAssistant, entityIds: string[]): boolean {
|
|
return entityIds.some((entityId) => {
|
|
const domain = computeDomain(entityId);
|
|
if (domain === "group") {
|
|
return this._computeCanToggle(
|
|
hass,
|
|
this.hass?.states[entityId].attributes.entity_id
|
|
);
|
|
}
|
|
return DOMAINS_TOGGLE.has(domain);
|
|
});
|
|
}
|
|
|
|
public setConfig(config: EntityConfig): void {
|
|
if (!config) {
|
|
throw new Error("Invalid configuration");
|
|
}
|
|
this._config = config;
|
|
}
|
|
|
|
protected shouldUpdate(changedProps: PropertyValues): boolean {
|
|
return hasConfigOrEntityChanged(this, changedProps);
|
|
}
|
|
|
|
protected render(): TemplateResult {
|
|
if (!this._config || !this.hass) {
|
|
return html``;
|
|
}
|
|
|
|
const stateObj = this.hass.states[this._config.entity];
|
|
|
|
if (!stateObj) {
|
|
return html`
|
|
<hui-warning>
|
|
${createEntityNotFoundWarning(this.hass, this._config.entity)}
|
|
</hui-warning>
|
|
`;
|
|
}
|
|
|
|
return html`
|
|
<hui-generic-entity-row .hass=${this.hass} .config=${this._config}>
|
|
${this._computeCanToggle(this.hass, stateObj.attributes.entity_id)
|
|
? html`
|
|
<ha-entity-toggle
|
|
.hass=${this.hass}
|
|
.stateObj=${stateObj}
|
|
></ha-entity-toggle>
|
|
`
|
|
: html`
|
|
<div class="text-content">
|
|
${computeStateDisplay(
|
|
this.hass!.localize,
|
|
stateObj,
|
|
this.hass.locale,
|
|
this.hass.entities
|
|
)}
|
|
</div>
|
|
`}
|
|
</hui-generic-entity-row>
|
|
`;
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
"hui-group-entity-row": HuiGroupEntityRow;
|
|
}
|
|
}
|