jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 03:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add more demos (#1476)

Browse Source
This commit is contained in:
Paulus Schoutsen 2018-07-19 17:00:18 +02:00 committed by GitHub
parent f952d9c307
commit a5befbe153
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 155 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
gallery/src/demos/demo-hui-glance-card.js Normal file
View File

@ -0,0 +1,78 @@
import { html } from '@polymer/polymer/lib/utils/html-tag.js';
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
import '../../../src/panels/lovelace/cards/hui-glance-card.js';
import HomeAssistant from '../data/hass.js';
import demoStates from '../data/demo_dump.js';
const CONFIGS = [
{
entities: [
'binary_sensor.movement_backyard',
'light.bed_light',
'binary_sensor.basement_floor_wet',
'sensor.outside_temperature',
'light.ceiling_lights',
'switch.ac',
'lock.kitchen_door'
],
type: 'glance',
title: 'Glance card sample'
},
{
entities: [
'binary_sensor.movement_backyard',
'light.bed_light',
'binary_sensor.basement_floor_wet',
'sensor.outside_temperature',
'light.ceiling_lights',
'switch.ac',
'lock.kitchen_door'
],
type: 'glance',
},
{
entities: [
'lock.kitchen_door'
],
type: 'glance',
},
];
class DemoPicEntity extends PolymerElement {
static get template() {
return html`
<style>
#root {
}
hui-glance-card {
width: 400px;
display: inline-block;
margin-left: 20px;
margin-top: 20px;
}
</style>
<div id='root'>
</div>
`;
}
ready() {
super.ready();
const root = this.$.root;
const hass = new HomeAssistant();
hass.states = demoStates;
console.log(demoStates);
CONFIGS.forEach((config) => {
const el = document.createElement('hui-glance-card');
el.setConfig(config);
el.hass = hass;
root.appendChild(el);
});
}
}
customElements.define('demo-hui-glance-card', DemoPicEntity);

61
gallery/src/demos/demo-hui-picture-entity-card.js Normal file
View File

@ -0,0 +1,61 @@
import { html } from '@polymer/polymer/lib/utils/html-tag.js';
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
import '../../../src/panels/lovelace/cards/hui-picture-entity-card.js';
import HomeAssistant from '../data/hass.js';
import demoStates from '../data/demo_dump.js';
const CONFIGS = [
{
type: 'picture-entity',
image: 'https://images.pexels.com/photos/775219/pexels-photo-775219.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=295&w=490',
entity: 'light.bed_light',
},
{
type: 'picture-entity',
image: 'https://images.pexels.com/photos/775219/pexels-photo-775219.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=295&w=490',
entity: 'light.kitchen_lights',
},
{
type: 'picture-glance',
image: 'https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=240&w=495',
entity: 'light.non_existing'
},
];
class DemoPicEntity extends PolymerElement {
static get template() {
return html`
<style>
#root {
}
hui-picture-entity-card {
width: 400px;
display: inline-block;
margin-left: 20px;
margin-top: 20px;
}
</style>
<div id='root'>
</div>
`;
}
ready() {
super.ready();
const root = this.$.root;
const hass = new HomeAssistant();
hass.states = demoStates;
console.log(demoStates);
CONFIGS.forEach((config) => {
const el = document.createElement('hui-picture-entity-card');
el.setConfig(config);
el.hass = hass;
root.appendChild(el);
});
}
}
customElements.define('demo-hui-picture-entity-card', DemoPicEntity);

16
gallery/src/demos/demo-hui-picture-glance-card.js
View File

@ -37,6 +37,22 @@ const CONFIGS = [
'light.ceiling_lights',
]
},
{
type: 'picture-glance',
image: 'https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=240&w=495',
entities: [
'switch.decorative_lights',
'light.ceiling_lights',
]
},
{
type: 'picture-glance',
image: 'https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=240&w=495',
entities: [
'binary_sensor.movement_backyard',
'binary_sensor.basement_floor_wet',
]
},
];
class DemoPicGlance extends PolymerElement {