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>
54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
import { html, LitElement, PropertyValues, TemplateResult } from "lit";
|
|
import { customElement, query } from "lit/decorators";
|
|
import { provideHass } from "../../../../src/fake_data/provide_hass";
|
|
import "../../components/demo-cards";
|
|
import { createPlantEntities } from "../../data/plants";
|
|
|
|
const CONFIGS = [
|
|
{
|
|
heading: "Basic example",
|
|
config: `
|
|
- type: plant-status
|
|
entity: plant.lemon_tree
|
|
`,
|
|
},
|
|
{
|
|
heading: "Problem (too bright) + low battery",
|
|
config: `
|
|
- type: plant-status
|
|
entity: plant.apple_tree
|
|
`,
|
|
},
|
|
{
|
|
heading: "With picture + multiple problems",
|
|
config: `
|
|
- type: plant-status
|
|
entity: plant.sunflowers
|
|
name: Sunflowers Name Overwrite
|
|
`,
|
|
},
|
|
];
|
|
|
|
@customElement("demo-lovelace-plant-card")
|
|
export class DemoPlantEntity 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(createPlantEntities());
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
"demo-lovelace-plant-card": DemoPlantEntity;
|
|
}
|
|
}
|