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

custom panel example: update to polymer 2 class (#3693)

Browse Source
This commit is contained in:
c727 2017-10-21 17:36:29 +02:00 committed by Fabian Affolter
parent f2ec8c291f
commit 39c2487cf0
1 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
source/developers/frontend_creating_custom_panels.markdown
View File

@ -28,38 +28,38 @@ The `hello.html` contains the needed building blocks to create the elements insi
</dom-module> </dom-module>
<script> <script>
Polymer({ class HaPanelHello extends Polymer.Element {
is: 'ha-panel-hello', static get is() { return 'ha-panel-hello'; }
properties: {
// Home Assistant object static get properties() {
hass: { return {
type: Object, // Home Assistant object
}, hass: Object,
// If should render in narrow mode // If should render in narrow mode
narrow: { narrow: {
type: Boolean, type: Boolean,
value: false, value: false,
}, },
// If sidebar is currently shown // If sidebar is currently shown
showMenu: { showMenu: {
type: Boolean, type: Boolean,
value: false, value: false,
}, },
// Home Assistant panel info // Home Assistant panel info
// panel.config contains config passed to register_panel serverside // panel.config contains config passed to register_panel serverside
panel: { panel: Object,
type: Object, who: {
}, type: String,
who: { computed: 'computeWho(panel)',
type: String, },
computed: 'computeWho(panel)', };
} }
},
computeWho: function (panel) { computeWho(panel) {
return panel && panel.config && panel.config.who ? panel.config.who : 'World'; return panel && panel.config && panel.config.who ? panel.config.who : 'World';
}, }
}); }
customElements.define(HaPanelHello.is, HaPanelHello);
</script> </script>
``` ```