| 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) { |
| // based on https://codepen.io/mohebifar/pen/KwdeMz | |
| class ClockElement extends HTMLElement { | |
| constructor() { | |
| super(); | |
| this.attachShadow({ mode: 'open' }); | |
| } | |
| set hass(hass) { | |
| } |
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.
| 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 |
| 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 |