šŸ“‘ Como instalar e configurar Custom UI no Hassio

hassio

(Thalles) #1

O processo de instalaĆ§Ć£o do Custom Ui no Home Assistant Ć© bem simples.
Primeiramente, iremos baixar os arquivos e adicionar no Raspberry.

Colocaremos os arquivos:

state-card-custom-ui.html, state-card-custom-ui.html.gz, state-card-custom-ui-es5.html e state-card-custom-ui-es5.html.gz

em

~/.homeassistant/www/custom_ui/

Todos os arquivos de https://github.com/andrey-git/home-assistant-customizer/tree/master/customizer

~/.homeassistant/custom_components/customizer

Em seguida vamos ao configuration.yaml

 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Ć§Ć£o customize: colocaremos

custom_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 temos 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

E o resultado foi esse:

image

Para todos os exemplos de configuraƧƵes:

https://github.com/andrey-git/home-assistant-custom-ui/blob/master/docs/features.md

Abaixo algumas screenshots de como ficou tudo por aqui.

image

image

image

image


Como instalar e configurar Custom UI no Hassio
Como saber o estado real dos Sonoff ou de outros equipamentos
Sonoffs ligando sozinhos
:bookmark_tabs: Home Assistant para Principiantes - Parte 4, Alguns tutoriais para praticar um pouco
Como mostrar atributos!
:bookmark_tabs: Home Assistant para Principiantes - Parte 3, Se ambientar um pouco
(Jorge AssunĆ§Ć£o) #2

3 mensagens foram unidas em um tĆ³pico existente: Como instalar e configurar Custom UI no Hassio


(system) #3

Para comentar este tĆ³pico, por favor utilizem o tĆ³pico abaixo


(Jorge AssunĆ§Ć£o) #4