This file contains 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 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 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 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) { |