50 lines
1.3 KiB
TypeScript
50 lines
1.3 KiB
TypeScript
import { html } from "@polymer/polymer/lib/utils/html-tag";
|
|
/* eslint-plugin-disable lit */
|
|
import { PolymerElement } from "@polymer/polymer/polymer-element";
|
|
import "../../../src/components/ha-card";
|
|
import { SUPPORT_BRIGHTNESS } from "../../../src/data/light";
|
|
import "../../../src/dialogs/more-info/controls/more-info-content";
|
|
import { getEntity } from "../../../src/fake_data/entity";
|
|
import { provideHass } from "../../../src/fake_data/provide_hass";
|
|
import "../components/demo-more-infos";
|
|
|
|
const ENTITIES = [
|
|
getEntity("light", "bed_light", "on", {
|
|
friendly_name: "Basic Light",
|
|
}),
|
|
getEntity("light", "kitchen_light", "on", {
|
|
friendly_name: "Brightness Light",
|
|
brightness: 80,
|
|
supported_features: SUPPORT_BRIGHTNESS,
|
|
}),
|
|
];
|
|
|
|
class DemoMoreInfoLight extends PolymerElement {
|
|
static get template() {
|
|
return html`
|
|
<demo-more-infos
|
|
hass="[[hass]]"
|
|
entities="[[_entities]]"
|
|
></demo-more-infos>
|
|
`;
|
|
}
|
|
|
|
static get properties() {
|
|
return {
|
|
_entities: {
|
|
type: Array,
|
|
value: ENTITIES.map((ent) => ent.entityId),
|
|
},
|
|
};
|
|
}
|
|
|
|
public ready() {
|
|
super.ready();
|
|
const hass = provideHass(this);
|
|
hass.updateTranslations(null, "en");
|
|
hass.addEntities(ENTITIES);
|
|
}
|
|
}
|
|
|
|
customElements.define("demo-more-info-light", DemoMoreInfoLight);
|