Como instalar e configurar Custom UI no Hassio

O processo de instalação do Custom Ui no Home Assistant é bem simples. Primeiramente iremos baixar os arquivos e adicionar no Raspberry.

Colocaremos state-card-custom-ui.html estate-card-custom-ui.html.gz em ~/.homeassistant/www/custom_ui/.

Adicionamente para HA 0.59 e posterior adicionaremos state-card-custom-ui-es5.html e state-card-custom-ui-es5.html.gz em~/.homeassistant/www/custom_ui/

(HA 0.52 e anterior) Colocaremos ha-panel-custom-ui.html e ha-panel-custom-ui.html.gz em~/.homeassistant/panels/

Copiaremos os arquivos de https://github.com/andrey-git/home-assistant-customizer/tree/master/customizer em~/.homeassistant/custom_components/customizer

em seguida inserimos as seguintes informações no Frontend:
(HA 0.53-0.58)

frontend:
  extra_html_url:
    - /local/custom_ui/state-card-custom-ui.html

(HA 0.59+)

frontend:
 extra_html_url:
    - /local/custom_ui/state-card-custom-ui.html
  extra_html_url_es5:
    - /local/custom_ui/state-card-custom-ui-es5.html

Na seçãocustomize:em configuration.yaml colocaremoscustom_ui_state_card: custom-ui

Exemplo:

homeassistant:
  customize_glob:
    light.*:
      custom_ui_state_card: custom-ui
    cover.*:
      custom_ui_state_card: custom-ui

Agora vamos ao customize: e adicionaremos as informações, abaixo segue um exemplo de uma das minhas lâmpadas:


light.ceiling_light:

  custom_ui_state_card: state-card-custom-ui

  state_card_mode: break-slider-toggle

  stretch_slider: true

  show_last_changed: true

  slider_theme:

    min: 1

    max: 255

    pin: true

    off_when_min: false

    report_when_not_changed: false