Dashboard é o nome dado a tela de Visão Geral do Home Assistant, é nela que ficam os cartões com seus dispositivos! Segue abaixo alguns vídeos e tutoriais que vão ajudar a conhecer a interface e a personaliza-la!
Conhecendo a Dashboard e a modificando:
Conhecendo interface do HA, a Dashboard!
Temas para interface do Home Assistant
Abaixo segue alguns temas que podem ser utilizados no HA. Uma dica é que pode utilizar também uma automação para utilizar um tema de dia e outro tema a noite através da plataforma sun.
Página oficial da documentação do HA sobre temas:
Edite seu arquivo /config/configuration.yaml e adicione:
frontend:
themes: !include themes.yaml
Com o código já no configuration.yaml agora podemos instalar os temas pelos HACS!
Não tem o HACS instalado? Instale por aqui:
Com ele instalado vamos aos tema…
Fundo de tela animado para a Dashboard!
Como alterar os ícones da interface do usuário do Home Assistant!
Acredito que muitos querem personalizar os ícones dos dispositivos da interface do usuário, então vamos lá!
Existe uma forma que é nas configurações do dispositivo!
Clicando no dispositivo e clicando na engrenagem para entrar nas configurações!
[0.1]
Temos a opção para sobrescrever ícone!
[0.2]
Então é só colocar o ícone seguindo o modelo!
mdi:lightbulb
Para sabermos qual o nome do ícone correto existe um site com o catálogo de todos os ícones!
https://materialdesignicons.com/
[Se…
BHA Icon Pack! Pack de ícones para a Dashboard!
Acredito que todos já quiseram ter mais opções de ícones disponíveis no Home Assistant, ícones que não estão disponíveis como um ícone pro Roborock, o pack de ícones BHA trás esse ícone e outros!
[7]
[5] [6]
Para adicionar esse pack de ícones é necessário o HACS instalado!
E para aprender como alterar os ícones segue esse tutorial!
Primeiro vá até o HACS e clíque em Frontend
[1]
Clique no canto direito abaixo em “+ Explore & ADD Repositories” e na barra de buscas escre…
Philips Hue Icon Pack! Pack de ícones para a Dashboard!
Acredito que todos já quiseram ter mais opções de ícones disponíveis no Home Assistant, então segue um pack de ícones da Philips Hue para o Home Assistant.
[1] [2] [3] [4] [5]
Para adicionar esse pack de ícones é necessário o HACS instalado!
E para aprender como alterar os ícones segue esse tutorial!
Primeiro vá até o HACS e clíque em Frontend.
[1]
Clique no canto direito abaixo em “+ Explore & ADD Repositories” e na barra de buscas escreva “brand icons”.
[2]
A…
KNX User Forum Icon Pack! Pack de ícones para a Dashboard!
Acredito que todos já quiseram ter mais opções de ícones disponíveis no Home Assistant, então segue um pack de ícones do fórum KNX para o Home Assistant. São mais de 900 ícones diferentes!
https://service.knx-user-forum.de/?comm=iconset
Para adicionar esse pack de ícones é necessário o HACS instalado!
E para aprender como alterar os ícones segue esse tutorial!
Primeiro vá at…
Como criar um “Divisor” e uma “Seção” nos Cartões da nossa tela “Visão Geral” da Dashboard!
Acredito que muitos aqui já sabem e já manjam d+ mas esse tutorial é pra quem ainda está aprendendo! Hoje vou mostrar como criar um divisor e uma seção dentro de um cartão da nossa tela visão geral!
[1]
Primeiro vamos adicionar um divisor!
[3]
Na nossa tela de visão geral vamos no menu e em Configurar “interface” do usuário no canto direito a cima.
[4]
Vamos até o cartão que vamos colocar o divisor e clicar em Editar.
[5]
Com o cartão aberto vamos clicar em Mostrar Editor de Código.
…
Criando uma Dashboard Mobile de um jeito fácil:
Dashboard YAML mode
(O YAML mode é o modo avançado de configuração da Dashboard, nele é usada programação, só recomendado para usuários avançados)
Configurando os Cartões:
Slider button card
[imagem]
[imagem]
Esse cartão pode ser usado em light (lâmpadas e fitas led), switch (interruptores), fan (ventiladores), cover (cortinas), input_boolean (ajudante alternar), climate (ar condicionados), media player e lock (fechaduras).
O slider button card pode ser instalado pelo HACS ou por repositório, segue o github do componente!
Vamos para a instalação:
Primeiro vá até o …
Como configurar o cartão Button: criar ícones animados:
Como configurar o cartão Button: alterar sua fonte, fundo e efeitos:
Como Configurar o cartão Button: animações avançadas:
Como Configurar o cartão Button: Variáveis e procedurais:
Picture Elements Card
Muitas pessoas questionam como colocar a “fotinho” no HA mostrando a bateria, localização, etc.
Sempre que alguém me questiona, passo a página card “ Picture Elements ” do Home Assistant, porém vejo que muitos ainda sim tem dificuldade em aplicar esse card. Através disso resolvemos então criar esse artigo para mostrar não só como criar a “fotinho”, mas como utilizar esse card para outras coisas.
O Picture Elements é nativo do HA, ou seja, você não precisa instalar nada, basta utilizar. Uma d…
Lovelace Mini Graph Card - Cartão para gráficos!
[0]
Esse cartão é para entidades sensor e binary_sensor, exibe o estado atual dos sensores, bem como um histórico. Ele é instalado pelo HACS.
Para adicionar o cartão vamos usar o HACS, clique em Frontend!
[1]
Clique em Explore & Download Repositories, pesquise por Mini Graph Card.
[2]
Clique em Download.
[3]
Com ele instalado o cartão foi adicionado e pode ser encontrado na tela de cartões. Pesquise pelo mini graph card na tela de cartões.
[4]
Para adicionar o cartão preen…
Design de Card´s
Estou tentando melhor a estéticas dos meus Cartões. Já uso o Custom Buttons algum tempo e hoje resolvi melhorar uns detalhes, aí veio algumas duvidas:
Gostaria de aumentar o espaço entre os botões;
Queria que o contorno do botão somente mudasse a cor quando o mesmo estive ligado.
Como está minha tela agora:
[Tela%20Botoes]
o código do card abaixo:
- entity: switch.sonoff_1000467XXX
show_state: false
name: Tomada S26
show_state:
…
Vacuum Card para robôs aspiradores!
[logos]
Olá, venho com esse tutorial explicar como configurar o cartão dos robôs aspiradores! Não achei informações em português e as informações que já existiam eram desatualizadas ou não informavam o procedimento completo.
Antes desse tutorial, integre o seu Roborock seguindo esse aqui:
O Vacuum Card ficará assim, com informações sobre o robô, os cômodos disponíveis para limpeza com um click e a visualização do mapa!
[0]
Antes de tudo temos que ter o HACS instalado no Home Assistant! …
Vacuum Map Card para robôs aspiradores!
[logos]
Olá, para esse tutorial é necessário adicionar uma câmera em tempo real do mapa do robô aspirador, você pode encontrar como adicionar a câmera no tutorial abaixo:
Essa é a versão 2 do Xiaomi Vacuum Map Card, com ela tive o prazer de participar e trazer a tradução para pt-br, aproveitem!
[00]
Opa, já configurou sua câmera do mapa do robô aspirador? Agora vamos configurar o Xiaomi Vaccum Map card, esse cartão permite selecionar um alvo para mover o robô aspirador ou iniciar uma li…
Card com Sensores do Raspberry Pi
Olá pessoal,
Neste tutorial, vou ensinar vocês a criarem os sensores para monitorar o seu Raspberry e também como configurar o card na interface do seu Lovelace.
[Screen Shot 2020-09-02 at 19.40.04]
Sigam estes passos:
Instalar o HACS
Instalar os addons de Frontend através do HACS
Mini Graph Card
horizontal-stack
button-card
Bar Card
Stack In Card
Adicionar os códigos abaixo (configuration e lovelace)
Adicionar o sensor do SpeedTest no /config/configuration.yaml:
# SPEED TE…
Clock Cards
Acredito que muitos gostam de personalizar sua Dashboard, vou listar aqui os relógios digitais que achei!
[5]
Coloque o link do github em Add custom repository URL e em Category selecione Lovelace e clique em Add.
[4]
Para adicionar o card use o card Manual e preencha dessa forma!
[1]
type: 'custom:scotte-clock-card'
Card Mini media player
É de conhecimento geral que o card para media_player que é padrão do Home Assistant é feio d+ e não da opções de customização. Por isso trago o Mini Media Player!
[47517460-9282d600-d888-11e8-9705-cf9ec3698c3c]
O Mini media player card pode ser usado para qualquer media_player, pode ser tv box com android tv ou firetv, controles, echos, google home, chromecast, televisores smart, Ps4, Xbox…
O Mini media player pode ser instalado pelo HACS.
Vamos para a instalação:
Primeiro vá até o HACS e …
Card Controle Remoto TV Samsung
Olá, nesse tutorial compartilho como criar um card com as principais funções de controle remoto da TV Samsung usando a integração media player (sem usar comandos IR).
O card fica assim:
[image]
1) Adicione o repositório personalizado no HACS.
Antes de criar o card é necessário adicionar o custom card TV Card.
2) Adicionando o card na Dashboard:
Agora já é possível criar o card, o código abaixo contém todos os botões disponíveis no custom card:
type: 'custom:tv-card'
entity: media_playe…
Card estilo Tesla/Powerwall
Boa tarde Galera!!
eu sempre fui interessado em gerenciar da melhor forma o consumo da minha casa, por isso já utilizava a placa Je05 e um Shelly EM, a parte gráfica eu utilizava o bar-card porém apesar de bonito, não me mostrava um resumo compacto de tudo o que está acontecendo na casa.
Sempre tentei as melhores formas de resumir toda a informação que quero e acho que finalmente encontrei um card que consegue resumir o atual consumo em apenas um card. Esse card é o tesla-style-solar-power-car…
Card para robô aspirador Tuya - Kabum!
Neste tutorial compartilhamos um card para uso dos robôs aspiradores com vários comandos integrados:
Esse card foi idealizado pelo Junior Serafim do grupo do telegram.
[image]
Foi usado um aspirador integrado via Tuya V2 que está trazendo diversas informações via atributos, caso o seu seja diferente você deve adaptar os sensores para as informações do seu.
Para adicionar seu robô aspirador ao Home Assistant:
Se você usa a versão v1.5.0 ou inferior da integração Tuya V2 deve fazer as alter…
Criando card personalizado para lovelace com informações completas da lua via multiscrape!
Olá, Homeassistanters de todo o Brasil
Card de notificações com condições e markdown no Home Assistant
