ciotlosm

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

ciotlosm

// based on https://codepen.io/mohebifar/pen/KwdeMz
class ClockElement extends HTMLElement {
  constructor() {
    super();
    this.attachShadow({ mode: 'open' });
  }

  set hass(hass) {
  }

ciotlosm

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

ciotlosm

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) {

ciotlosm

This is now moved here: https://home-assistant.io/lovelace

ciotlosm

Kiosk mode

Installation

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.