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-25 18:26:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix code for custom UI version (#4945)

Browse Source 
* Fix code for custom UI version

if you don't put the code in `{ }` `const`s are global

* Update frontend_creating_custom_ui.markdown

* Update frontend_creating_custom_ui.markdown

* Update frontend_creating_custom_ui.markdown
This commit is contained in:
c727 2018-03-23 20:34:10 +01:00 committed by Franck Nijhof
parent 6f63554f8c
commit 3c45088ac3
1 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
source/developers/frontend_creating_custom_ui.markdown
View File

@ -42,7 +42,22 @@ frontend:
`www/custom_ui/state-card-my-custom-light.html`: `www/custom_ui/state-card-my-custom-light.html`:
```javascript ```html
<script>
{
// show the version of your custom UI in the HA dev info panel (HA 0.66.0+):
const _NAME = 'My custom light';
const _URL = 'https://home-assistant.io/developers/frontend_creating_custom_ui/';
const _VERSION = '20180312';
if (!window.CUSTOM_UI_LIST) window.CUSTOM_UI_LIST = [];
window.CUSTOM_UI_LIST.push({
name: _NAME,
url: _URL,
version: _VERSION
});
}
</script>
<dom-module id='state-card-my-custom-light'> <dom-module id='state-card-my-custom-light'>
<template> <template>
<style> <style>
@ -53,20 +68,6 @@ frontend:
</dom-module> </dom-module>
<script> <script>
// show the version of your custom UI in the HA dev info panel (HA 0.66.0+):
const CUSTOM_UI_NAME = 'state-card-my-custom-light';
const CUSTOM_UI_VERSION = '20180312';
const CUSTOM_UI_URL = 'https://home-assistant.io/developers/frontend_creating_custom_ui/';
if (!window.CUSTOM_UI_LIST) {
window.CUSTOM_UI_LIST = [];
}
window.CUSTOM_UI_LIST.push({
name: CUSTOM_UI_NAME,
version: CUSTOM_UI_VERSION,
url: CUSTOM_UI_URL
});
class StateCardMyCustomLight extends Polymer.Element { class StateCardMyCustomLight extends Polymer.Element {
static get is() { return 'state-card-my-custom-light'; } static get is() { return 'state-card-my-custom-light'; }
@ -85,7 +86,7 @@ class StateCardMyCustomLight extends Polymer.Element {
} }
_toStr(obj) { _toStr(obj) {
return JSON.stringify(obj); return JSON.stringify(obj, null, 2);
} }
} }
customElements.define(StateCardMyCustomLight.is, StateCardMyCustomLight); customElements.define(StateCardMyCustomLight.is, StateCardMyCustomLight);