2c0d330f1f
* Reorganize gallery * GitHub edit links * Render sidebar during build * Auto rebuild when sidebar changes * Yarn dedupe * Fixes * Allow just metadata without text * Show edit text link if metadata defined * Update build-scripts/gulp/gallery.js Co-authored-by: Zack Barett <arnett.zackary@gmail.com> Co-authored-by: Zack Barett <arnett.zackary@gmail.com>
77 lines
1.8 KiB
TypeScript
77 lines
1.8 KiB
TypeScript
import { html, LitElement, PropertyValues, TemplateResult } from "lit";
|
|
import { customElement, query } from "lit/decorators";
|
|
import { getEntity } from "../../../../src/fake_data/entity";
|
|
import { provideHass } from "../../../../src/fake_data/provide_hass";
|
|
import "../../components/demo-cards";
|
|
|
|
const ENTITIES = [
|
|
getEntity("light", "controller_1", "on", {
|
|
friendly_name: "Controller 1",
|
|
}),
|
|
getEntity("light", "controller_2", "on", {
|
|
friendly_name: "Controller 2",
|
|
}),
|
|
getEntity("light", "floor", "off", {
|
|
friendly_name: "Floor light",
|
|
}),
|
|
getEntity("light", "kitchen", "on", {
|
|
friendly_name: "Kitchen light",
|
|
}),
|
|
];
|
|
|
|
const CONFIGS = [
|
|
{
|
|
heading: "Controller",
|
|
config: `
|
|
- type: entities
|
|
entities:
|
|
- light.controller_1
|
|
- light.controller_2
|
|
- type: divider
|
|
- light.floor
|
|
- light.kitchen
|
|
`,
|
|
},
|
|
{
|
|
heading: "Demo",
|
|
config: `
|
|
- type: conditional
|
|
conditions:
|
|
- entity: light.controller_1
|
|
state: "on"
|
|
- entity: light.controller_2
|
|
state_not: "off"
|
|
card:
|
|
type: entities
|
|
entities:
|
|
- light.controller_1
|
|
- light.controller_2
|
|
- light.floor
|
|
- light.kitchen
|
|
`,
|
|
},
|
|
];
|
|
|
|
@customElement("demo-lovelace-conditional-card")
|
|
class DemoConditional extends LitElement {
|
|
@query("#demos") private _demoRoot!: HTMLElement;
|
|
|
|
protected render(): TemplateResult {
|
|
return html`<demo-cards id="demos" .configs=${CONFIGS}></demo-cards>`;
|
|
}
|
|
|
|
protected firstUpdated(changedProperties: PropertyValues) {
|
|
super.firstUpdated(changedProperties);
|
|
const hass = provideHass(this._demoRoot);
|
|
hass.updateTranslations(null, "en");
|
|
hass.updateTranslations("lovelace", "en");
|
|
hass.addEntities(ENTITIES);
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
"demo-lovelace-conditional-card": DemoConditional;
|
|
}
|
|
}
|