Тёмный

Dashboards com Sidebar e Grids no Home Assistant 

Node Insights
Подписаться 8 тыс.
Просмотров 4,2 тыс.
50% 1

Опубликовано:

 

8 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 58   
@nodeinsights
@nodeinsights 2 месяца назад
Pessoal, faltou esse arquivo para o tema tablet funcionar corretamente. Copiar para pasta www do seu HA Arquivo background para o tema tablet: github.com/caduvalsesia/exemplos_ha/blob/9cad9f79ff7672a6f56f5c7e97584115587406aa/background.png
@user-vo5pr4sv3l
@user-vo5pr4sv3l 2 месяца назад
Muito bom Cadu, essa parte de layout tem pouco conteúdo BR no RU-vid, explicação perfeita
@nodeinsights
@nodeinsights 2 месяца назад
Obrigado amigo pelo seu comentário. Realmente, por isso estou focando nisso pra ajudar a comunidade. Grande abraço
@wagnerluis18
@wagnerluis18 7 дней назад
Top demais viu.... vou fazer com certeza...
@nodeinsights
@nodeinsights 7 дней назад
Valeu Wagner. Obrigado pelo comentário. Abs
@pt2vhf
@pt2vhf Месяц назад
Muito bom! Continue nessa linha!
@nodeinsights
@nodeinsights Месяц назад
Valeu Alex. Obrigado pelo seu comentário. Grande abraço
@Alex-pm6lo
@Alex-pm6lo 2 месяца назад
Ótimo conteúdo! Muito didático. Vou fazer, só pelo prazer de ver dar certo!
@nodeinsights
@nodeinsights 2 месяца назад
Obrigado Alex pelo comentário. Essa parte que é apaixonante na automação. 😉 Grande abraço
@jrvanzo6086
@jrvanzo6086 2 месяца назад
Parabéns Cadu, mais um vídeo top!!!!
@nodeinsights
@nodeinsights 2 месяца назад
Obrigado pelo comentário Jr. Grande abraço
@deleonssousa
@deleonssousa 2 месяца назад
Seus videos são muito bons, qq dia vou pegar pra maratonar o canal e montar uma dash insana. valeu.
@nodeinsights
@nodeinsights 2 месяца назад
Obrigado pelo comentário Deleon. Pega a pipoca, se segura na cadeira e vem comigo... kkkkk Grande abraço
@wagnerkaklelis4292
@wagnerkaklelis4292 2 месяца назад
Parabéns pelo vídeo, muito bem detalhado.
@nodeinsights
@nodeinsights 2 месяца назад
Obrigado pelo comentário Wagner. Grande abraço
@zezebaladelli5803
@zezebaladelli5803 2 месяца назад
Muito bom Cadu.
@nodeinsights
@nodeinsights 2 месяца назад
Obrigado pelo comentário. Abração
@FormandosdoIEFPFormandos
@FormandosdoIEFPFormandos Месяц назад
Mais um video com a qualidade NodeInsights, karaka! Aos 30 minutos você mostra como importar o código, aqui retornou o seguinte erro: " r: At path: views -- Expected an array value, but received: undefined", como não entendo nada de código, ainda, não sei o que fazer.
@nodeinsights
@nodeinsights Месяц назад
Você importou esse código e acrescentou ao que vc já tinha, ou colou por cima? Abs
@FormandosdoIEFPFormandos
@FormandosdoIEFPFormandos Месяц назад
@@nodeinsights apaguei tudo que tinha e colei este. Mas já excluí tudo. Estou revendo material pra ver se consigo algo minimamente funcional para o meu projeto.
@nodeinsights
@nodeinsights Месяц назад
Tenta usar o addon Fusion. Ele já vem meio pronto. Logo farei um vídeo sobre isso. Abs
@renatobarbosa02
@renatobarbosa02 Месяц назад
Amigo, estou acompanhando seu canal agora. E gosto muito o seu conteudo! Muito profissional e dedicado! Gostaria de tirar uma dúvida! Como faço para alterar a fonte da hora! Esta ficando pequena!! Será que nao tenho a fonte exata ? Tentei várias vezes e nao consegui alterar o tamanho. modifiquei várias partes na tentativa e erro e nada.
@nodeinsights
@nodeinsights Месяц назад
Olá Renato, muito obrigado pelo seu comentário. Você está usando o tema Tablet, no modo escuro? Ele que faz ficar maior a fonte. De qualquer forma as fontes são essas: SF Pro Display, Roboto, system-ui; Abs
@igorrubinger6945
@igorrubinger6945 2 месяца назад
Excelente video... como vc ajusta os espaços dos códigos de uma vez só???? Se eu copiar e colar igual ao exemplo fica espaços e da erro, fazer um a um as vezes é ruim e pode gerar mais erros...
@nodeinsights
@nodeinsights 2 месяца назад
Olá Igor, marca tudo e aperta o TAB no teclado ou SHIFT TAB ... ele indenta o código ou volta. Obrigado pelo comentário. Grande abraço
@EliasPereira
@EliasPereira 2 месяца назад
Muito bom Cadu, obrigado por compartilhar. No meu caso só não funcionou a temperatura, fiz tudo conforme o vídeo.
@nodeinsights
@nodeinsights 2 месяца назад
Olá Elias, Pq será? Deve estar com algum erro no template. Faz assim, copia o código que gera a temperatura e entra no Ferramentas de desenvolvedor, na aba template e cola lá. Se tiver erro vai mostrar pra vc. Obrigado pelo comentário meu amigo Abs
@EliasPereira
@EliasPereira 2 месяца назад
@@nodeinsights boa noite, colei o código e apresentou o erro abaixo: ################################################### Código {% set entity = 'weather.forecast_casa' %} {% if not is_state(entity, 'unknown') %} {% set temp = state_attr(entity, 'temperature') | round %} {% set precip = states('sensor.casa_precipitacao') | round %} Temperatura {{ temp }}°C com {{ 'nenhum risco de chuva' if precip == 0 else precip | string + 'mm de chuva \u2614\uFE0F' }} {% else %} Não consigo ler a previsão do tempo... {% endif %} ####################################################### Erro ValueError: Template error: round got invalid input 'None' when rendering template '{% set entity = 'weather.forecast_casa' %} {% if not is_state(entity, 'unknown') %} {% set temp = state_attr(entity, 'temperature') | round %} {% set precip = states('sensor.casa_precipitacao') | round %} Temperatura {{ temp }}°C com {{ 'nenhum risco de chuva' if precip == 0 else precip | string + 'mm de chuva \u2614\uFE0F' }} {% else %} Não consigo ler a previsão do tempo... {% endif %}' but no default was specified
@nodeinsights
@nodeinsights 2 месяца назад
@EliasPereira veja se esse sensor.casa_precipitacao está com esse nome no seu. Ele está tentando arredondar algo que não encontrou. Eh problema nesse sensor ou no weather.forecast_casa.
@gabrielkuhlmann1
@gabrielkuhlmann1 24 дня назад
Oi Cadu, td bem? Bem legal! Eu fiz tudo isso e comecei a investigar os arquivos pra tentar entender onde conseguiria mudar o estilo do título das áreas no dashboard (Tamnho de fonte, cor, posição). Encontrei no arquivo do tema, mas as alterações la não fazem efeito no dashboard. Tentei fazer o mesmo com a formatação do texto da data da sidebar. Consegui mudar a saudaçao, mudar as informações de clima, hora, mas não a data de forma isolada. Essa limitação de formatação deixa o dashboard muito engessado né. Eu to começando agora no HA e quebrando a cabeça pra achar uma forma mais livre pra fazer o front-end, mas ainda não encontrei nada. Alguns exemplos do que seria legal entender: - Como fazer a formatação dos títulos - Como diminuir a largura da barra lateral - Incluir um icone ao lado do titulo da área É possível esse nivel de personalizaçao?
@nodeinsights
@nodeinsights 2 дня назад
Olá Gabriel, desculpe a demora em te responder, sua msg estava retida aqui. Seguinte, no arquivo tablet do tema, encontre essas linhas: O tamanho da fonte da barra lateral é controlado por essas variáveis: --sidebar-time-font-size: 5.2vw; --sidebar-time-line-height: 4.3vw; --sidebar-font-size: 1.42vw; --sidebar-line-height: 2vw; E para aumentar o tamanho do relógio: sidebar-time-font-size: 6vw; sidebar-time-line-height: 5vw; Agora o tamanho da barra lateral vc controla no RAW mesmo, no código do grid: grid-template-areas: | "sidebar . . . ." "sidebar estar cozinha bwc ." "sidebar teste teste1 teste2 ." pode colocar mais um sidebar pra ocupar mais uma coluna, exemplo assim: "sidebar sidebar . . " "sidebar sidebar estar cozinha bwc " "sidebar sidebar teste teste1 teste2 " Abs
@jefSaze
@jefSaze 2 месяца назад
Você já usou ou usa o browser kiosk com o Home Asssitant? Eu gostaria de fazer um porta retrato inteligente. E depois fazer uma automação para que mostrasse fotos quando estiver alguem no cômodo e desligasse a tela se não tiver niguém. E se alguém tocasse na tela mostraria um dashboard do home asssitant. Seria possível?
@nodeinsights
@nodeinsights 2 месяца назад
Jefferson, ainda estou fazendo teste com o kiosk, mas eu creio que tenha como fazer isso sim. Vou aproveitar sua sugestão e pesquisar em cima disso e fazer um vídeo. Grande abraço
@andresantana1005
@andresantana1005 Месяц назад
@@nodeinsights to no aguardo tambem
@nodeinsights
@nodeinsights Месяц назад
Opa Andre, logo logo farei o vídeo. Testando bastante coisa antes, pra tentar mostrar um vídeo bem legal. Abs
@fernandofaixa
@fernandofaixa Месяц назад
Esse pra mim não rolou. Desisti :/ Mto código pra um iniciante, mas o video é excelente, consegui fazer tudo funcionar, mas ficou tudo torto hahaha
@nodeinsights
@nodeinsights Месяц назад
Fernando não desista. Daqui uns dias tente novamente. Vai pegando o jeito. Grande abraço
@admin.ChristianoGaio
@admin.ChristianoGaio 6 дней назад
Boa tarde! Eu fui usar esse tema Tablet e meu Home assistant 2024.8.3 ficou todo doido, od paineis ficaram quase que transparentes, perdeu-se as configurações de alinhamento e de cores e mesmo voltando para o tema anterior não resolveu o problema e tive que fazer uma restauração e perdi todos os componentes Tuya e tive que reconfigurar.
@nodeinsights
@nodeinsights 6 дней назад
Olá Christiano, Estranho acontecer isso, pq o arquivo de tema é como se fosse um CSS pro HA. Você estava usando algum outro tema anterior a esse? Usa algum componente personalizado de temas? Se copiar pra pasta themes, vc pode voltar pro tema padrão do HA pela lista dos temas. Importante dizer que esse tema trabalha com a interface escura. Abs
@admin.ChristianoGaio
@admin.ChristianoGaio 6 дней назад
@@nodeinsights Eu usava o tema padrão e tenho varios outros temas porem a grande maioria NÃO muda as cores das letras e nem do fundo. cada botão ou caixa de conjunto eu uso um tema a parte e esse arquivo Tablet entrou e substituiu todos os outros temas dos cartões (acho que é isso)
@Alex-pm6lo
@Alex-pm6lo 2 месяца назад
Cadu.. chegando na parte dos grids e copinado o codigo do raw, seu esse erro: "Sua configuração não é válida: r: At path: views -- Expected an array value, but received: undefined" o que será que é?
@nodeinsights
@nodeinsights 2 месяца назад
Alex, verifica se tem alguma entidade no código para alterar. O código fiz baseado nas minhas entidades. Parece ser esse o erro. Se não conseguir, tenta colar o código pra gente verificar. Abs
@josediasjr
@josediasjr 2 месяца назад
Por acaso não seria necessário o arquivo '/local/background.png' existente no Tema Tablet?
@nodeinsights
@nodeinsights 2 месяца назад
Dias, vc tem razão. Acabei de editar a descrição e coloquei um comentário fixado com o arquivo. Obrigado por avisar. Grande abraço
@jrvanzo6086
@jrvanzo6086 2 месяца назад
Cadu tenho um erro que não consegui solucionar com o sensor template invalid config for template na configuraçao do sensor, copiei exatamente igual ao seu e não sei o que é, o erro é na parte dos switch pode me ajudar?
@nodeinsights
@nodeinsights 2 месяца назад
Oi Jr. manda seu código aqui (não sei se o RU-vid deixa) ou telegram no grupo do canal. Abs
@jefSaze
@jefSaze 2 месяца назад
você tem usado essa integração AccuWheater? funciona direitinho? Ela puxa os dados das estações meteorológicas do INMET?
@nodeinsights
@nodeinsights 2 месяца назад
Olá Jefferson, pelo tempo que estou usando está ok. Sem problemas. Quanto ao INMET não sei te falar. Mas creio que alguma coisa deve usar. Abs
@viniciusmbs
@viniciusmbs 2 месяца назад
Onde eu encontro o script data tima seria o sidbar?
@nodeinsights
@nodeinsights 2 месяца назад
Olá Vinicius, não entendi muito bem sua pergunta. Abs
@ramirofdez.6630
@ramirofdez.6630 2 месяца назад
Muy buen video mi pregunta es sencilla usastes Home Assistant OS o Home Assistant docker para crear todo eso ? Gracias y un abrazo y continuo aprendiendo
@nodeinsights
@nodeinsights 2 месяца назад
Hola Ramiro, Utilicé Home Assistant OS Supervised, pero como expliqué, también puedes usarlo en la versión Docker. Gracias por tu comentario. Fuerte abrazo
@ramirofdez.6630
@ramirofdez.6630 2 месяца назад
@@nodeinsights Pero los que tenemos HA en docker no tenemos editor de ficheros por lo tanto modificar los archivos .yaml no podemos hacerlo
@nodeinsights
@nodeinsights 2 месяца назад
Ramiro, Puedes utilizar el Explorador de archivos, como explico en este vídeo: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-cQ7QXXrnjto.html Fuerte abrazo
@ramirofdez.6630
@ramirofdez.6630 2 месяца назад
@@nodeinsights Obrigado, habia olvidado esa parte del video cuando instale HACS y que desde el filebrowser del iHost se puede modificar los archivos,haciendo doble click, tambien encontre un tutorial de como instalar un addon de editor de ficheros para HA docker, que logre hacer, y si, habia que editar codigo en el configuration.yaml que logre editar descargando el fichero al ordenador, mediante el filebrowser del iHost abrirlo con un editor de texto basico y luego volvi a subirlo a la carpeta del HA, lo que no sabia era que haciendo doble click en el filebrowser de iHost podia editar el fichero!!! :) jajaja nadie lo hubiera hecho mas complicado que yo, pero bueno despues de todo logre tener un editor de archivos en el propio HA. Un abrazo 🤣🤣
@nodeinsights
@nodeinsights 2 месяца назад
¡Que bueno! Luego comparte con nosotros cómo obtuviste el editor de archivos. Fuerte abrazo
Далее
Я ЖЕ БЕРЕМЕННА#cat
00:13
Просмотров 543 тыс.
Сказала дочке НЕТ!
00:24
Просмотров 1,1 млн
POV: Your kids ask to play the claw machine
00:20
Просмотров 9 млн
Um TOUR pelo meu Home Assistant
24:43
Просмотров 21 тыс.
CloudFlare acesso remoto para o Home Assistant
10:40
Instalando Alexa Media Player no Home Assistant
12:34
Просмотров 4,6 тыс.
Я ЖЕ БЕРЕМЕННА#cat
00:13
Просмотров 543 тыс.