This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| zha: | |
| usb_path: /dev/ttyAMA0 | |
| database_path: zigbee.db | |
| baudrate: 57600 | |
| input_boolean: | |
| zigbee_permit_join: | |
| name: Allow zigbee to join | |
| initial: off | |
| icon: mdi:cellphone-wireless |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| mqtt: | |
| broker: homeassistant # This will have to be your mqtt broker | |
| discovery: true | |
| input_boolean: | |
| zigbee_permit_join: | |
| name: Allow devices to join | |
| initial: off | |
| icon: mdi:cellphone-wireless |
Add kiosk.js file with the content below to your www folder in config.
Like any other custom script, use ui-lovelace.yaml resources section to reference the kiosk.js file.
Make sure you add kiosk somewhere in your URL. You can use it in the id of your view or in the query string.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // based on https://codepen.io/mohebifar/pen/KwdeMz | |
| class ClockElement extends HTMLElement { | |
| constructor() { | |
| super(); | |
| this.attachShadow({ mode: 'open' }); | |
| } | |
| set hass(hass) { | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class LightSlider extends HTMLElement { | |
| constructor() { | |
| super(); | |
| this.attachShadow({ mode: 'open' }); | |
| this._state = {}; | |
| } | |
| set hass(hass) { | |
| this._hass = hass; | |
| const entity = hass.states[this._config.entity]; | |
| if (entity && entity.state != this._state.state || entity.attributes.brightness != this._state.brightness) { |