Domine o Dashboard no Home Assistant: Botões Personalizados e Layouts!

Поделиться
HTML-код
  • Опубликовано: 20 сен 2024

Комментарии • 102

  • @rodrigomarins273
    @rodrigomarins273 5 месяцев назад +6

    Boa Cadu! Como sempre, videos muito didáticos. Poderia explorar isto: videos de destrinchar automações, scripts, cenas, z2m e interface. Addons úteis após instalação do HA.... enfim, algumas sugestões de videos..rs Grande abraço! Queno canal cresça mais e mais. Vc merece🎉!

    • @nodeinsights
      @nodeinsights  5 месяцев назад +3

      Rodrigo, agradeço muito seu comentário e as sugestões de vídeo.
      Vou focar nessa parte também, mta gente tem pedido.
      Grande abraço

  • @caio8435
    @caio8435 Месяц назад

    Top demais hein! Excelente vídeo!!

    • @nodeinsights
      @nodeinsights  Месяц назад +1

      Valeu Caio, obrigado pelo seu comentário.
      Abraços

    • @caio8435
      @caio8435 Месяц назад

      @@nodeinsights Deveras merecido!

  • @FormandosdoIEFPFormandos
    @FormandosdoIEFPFormandos 2 месяца назад

    Seus vídeos são fantásticos, excelente qualidade de áudio e vídeo. Porém mesmo assistindo em HD, não é possível ler o que está nas abas , as letras ficam muito pequenas. Muito obrigado pela material que tem apresentado. Aprendi usar o home assistant com você.

    • @nodeinsights
      @nodeinsights  2 месяца назад +1

      Olá amigo, obrigado pelo seu comentário.
      Vou tentar melhorar para os próximos vídeos, valeu pelo feedback.
      Apesar que todo código usado, eu deixo na descrição.
      Grande abraço

  • @victorribeironunes8342
    @victorribeironunes8342 5 месяцев назад

    Conteúdo maravilhoso. Com certeza irei aplicar no meu Home Assistant. Parabéns.

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Muito obrigado pelo comentário Victor.
      Grande abraço

  • @brunotestonromagnolo8808
    @brunotestonromagnolo8808 5 месяцев назад

    Didática muito boa! Explicou muito bem e direto ao ponto! Parabéns!

    • @nodeinsights
      @nodeinsights  5 месяцев назад +1

      Olá Bruno,
      Obrigado pelo seu comentário.
      Caso queira ver algum conteúdo específico, fique à vontade em sugerir.
      Abraços

    • @brunotestonromagnolo8808
      @brunotestonromagnolo8808 5 месяцев назад

      @@nodeinsights um assunto que estou um pouco perdido é com o addon FloorPlan do HA. Vejo o pessoal cada um usando uma ferramenta pra modelar, e depois a integração parece um pouco complexa.

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Olá Bruno, esse addon preciso testar. Não tinha ouvido falar dele ainda.
      Mas legal a sugestão.
      Grande abraço

  • @marcoscesardossantos213
    @marcoscesardossantos213 26 дней назад

    Excelente!

  • @amedeirosjr84
    @amedeirosjr84 5 месяцев назад

    Caramba, excelente! Conteúdo de muito valor. Obrigado e parabéns!

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Obrigado pelo seu comentário Admilton.
      Grande abraço

  • @lucasrossi9091
    @lucasrossi9091 5 месяцев назад

    Muito bom, depois ensina para gente a fazer do zero essa sua dashboard do video , eu uso no tablet e achei essa sua muito top , gostei desse relogio que você deixou de lateral tbm , pode explicar como fazelo? Obrigado

    • @nodeinsights
      @nodeinsights  5 месяцев назад +1

      Valeu Lucas, obrigado pelo seu comentário.
      Tem um repositório que usei pra fazer. E adaptei algumas coisas. Segue:
      github.com/matt8707/hass-config/
      Abs

  • @scpipad
    @scpipad 5 месяцев назад

    GRANDE video :) Parabéns !!!! Faz outro video ensinando a fazer um dashboard igualzinho ao teu... está lindo, espetacular !!!!

    • @nodeinsights
      @nodeinsights  5 месяцев назад +1

      Olá amigo. Obrigado pelo seu comentário.
      Em breve teremos mais vídeos no canal em relação aos dashboard. A ideia é chegar nesse meu mesmo.
      Abs

  • @marcelopontes1568
    @marcelopontes1568 5 месяцев назад

    Mandou muito bem, vejo novos Dashboard mais bonitos no futuro.

    • @nodeinsights
      @nodeinsights  5 месяцев назад +1

      Ola Marcelo,
      Vamos ter muita coisa legal ainda no canal em relação a isso. Tem muito componente personalizado que faz milagres.
      Obrigado pelo seu comentário.
      Abraços

    • @marcelopontes1568
      @marcelopontes1568 5 месяцев назад

      @@nodeinsights Estou aguardando na expectativa para renovar os meus Dashboard.

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Estou preparando o material. Logo teremos novidades.
      Abs

  • @wilsonricardoalves8235
    @wilsonricardoalves8235 5 месяцев назад

    Cara, muito bom!!!
    Meus parabéns pelo video e obrigado por compartilhar seu conhecimento🙂

    • @nodeinsights
      @nodeinsights  5 месяцев назад +1

      Obrigado pelo seu comentário Wilson.
      Grande abraço

  • @leoflaks
    @leoflaks 5 месяцев назад

    Boa noite !!!
    Muito boa a explicação, bem direto e fácil.
    Qual essa integração que uso com a Apple Tv que mostra essa animção de capa de disco?

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Olá Leonardo,
      É um card personalizado que faz parte desse projeto originalmente: github.com/matt8707/hass-config/
      Fiz algumas adaptações.
      Obrigado pelo seu comentário.
      Abs

  • @GustavoOliveiraLima-m4j
    @GustavoOliveiraLima-m4j 5 месяцев назад

    Mais um video show. Parabéns Cadu.

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Valeu Gustavo.
      Obrigado pelo seu comentário.
      Abs

  • @ramirofdez.6630
    @ramirofdez.6630 2 месяца назад

    Increible leccion de como configurar un boton, obrigado Brasilero, muchas gracias por tus explicaciones desde españa aprendo un monton

    • @nodeinsights
      @nodeinsights  2 месяца назад

      Un abrazo grande desde Brasil y a seguir aprendiendo.

  • @EdsonSantos-ph8qf
    @EdsonSantos-ph8qf 5 месяцев назад

    Caraca meu, esse video ficou muito sensacional e didatico, parabens

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Obrigado pelo seu comentário Edson.
      Se tiver algum vídeo que gostaria de ver no canal, fique à vontade em sugerir.
      Grande abraço

  • @felipeayu
    @felipeayu 5 месяцев назад

    Video show e de facil entendimento. Parabens!!
    No minuto20:38 você mos tra um Dash quem tem uns icons bem bacana, onde conseguir esses icones?
    Abracos.

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Olá Felipe,
      Obrigado pelo seu comentário.
      Tem um vídeo que eu fiz recentemente explicando um pouco sobre Dashboard.
      ruclips.net/video/Y467wGk4u3s/видео.htmlsi=1LHAGT1k0huV39wu
      Mas o projeto original é esse: github.com/matt8707/hass-config/
      Abs

  • @rogeriocamargo1984
    @rogeriocamargo1984 5 месяцев назад

    Top meu amigo! Parabéns pelo video!

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Obrigado Rogério. Grande abraço

  • @alexandrecostamkt
    @alexandrecostamkt 23 дня назад

    Muito bom o seu vídeo! dica de mini pc ou raspiberry pra rodar o Home Assistant em um apt? O apt já está todo automatizado, iluminações, alexa...

    • @nodeinsights
      @nodeinsights  23 дня назад

      Olá Alexandre,
      Você pode usar o raspberry pi 4 de 4gb pra cima, agora temos também o pi5 (talvez pelo valor, já compense comprar esse).
      s.click.aliexpress.com/e/_DBDb9yL
      mercadolivre.com/sec/2xLr4Qb
      E tem os mini PCs que vc terá mais poder de processamento e memória. Usaria nessa linha de processador que te passei, celeron 5105, etc.
      mercadolivre.com/sec/2EnHxsQ
      amzn.to/3WX9u1m
      s.click.aliexpress.com/e/_DeEdm8r
      Abs

    • @alexandrecostamkt
      @alexandrecostamkt 22 дня назад

      @@nodeinsights Obrigado pela atenção e parabens pelos vídeos, ta me ajudando bastante pra entender e montar o meu primeiro aqui

    • @nodeinsights
      @nodeinsights  19 дней назад

      Valeu Alexandre. Mto obrigado.
      Grande abraço

  • @gustinhojunior
    @gustinhojunior 4 месяца назад

    Salve Cadu, tem que ensinar fazer igual esse seu com esse Icones ai.

    • @nodeinsights
      @nodeinsights  4 месяца назад

      Olá Augusto, vou ensinar sim. Estou preparando uma sequência de vídeos para isso.
      Abs

  • @zezebaladelli5803
    @zezebaladelli5803 5 месяцев назад

    Parabéns Cadu,amo seus vídeos e tb no final erros de gravação

  • @jefferson7chaves
    @jefferson7chaves 4 месяца назад

    Obrigado por compartilhar!

    • @nodeinsights
      @nodeinsights  4 месяца назад

      Obrigado pelo comentário Jefferson. Abs

  • @msoaresp
    @msoaresp 5 месяцев назад

    Show de vídeo... como sempre. Mas esses teu ícones (que você usa na sua dashboard) são esses que você está falando? ;)

    • @nodeinsights
      @nodeinsights  5 месяцев назад +1

      Olá Marcelo.
      São feitos com o button-card também, mas tem outros componentes. Vou explicando em alguns vídeo, senão ficaria mto longo.
      Mas caso queira ver o projeto original, não é meu, só adaptei.
      github.com/matt8707/hass-config/
      Obrigado pelo seu comentário.
      Abs

    • @msoaresp
      @msoaresp 5 месяцев назад

      @@nodeinsights Cadu, o seu também é top!!!! Sempre seguindo o amigo!

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Valeu amigo. Abs

    • @regisricci5896
      @regisricci5896 5 месяцев назад

      Valeu Cadu. O único que consigo seguir as instruções sem problemas. Até agora tudo indo 100%.

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      @regisricci5896 obrigado. Abs

  • @HenriqueTBM
    @HenriqueTBM 5 месяцев назад

    Muito bom conteúdo. Curti

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Obrigado pelo seu comentário Henrique.
      Abs

  • @Focus_Sabana
    @Focus_Sabana 5 месяцев назад

    Carlos un saludo , lo que mas me ha gustado del video fue ver que estas usando el iHost 👍🏻

    • @nodeinsights
      @nodeinsights  5 месяцев назад +1

      Hola Christian ¿cómo estás?
      Sí, es un gran dispositivo y creo que mejorará aún más en el futuro.
      Gran abrazo

    • @Focus_Sabana
      @Focus_Sabana 5 месяцев назад

      @@nodeinsights Super bien y tu qué tal ?
      Bueno pues aprovecho para contarte que compré el mío hace un año, para poder crear automatizaciones de forma local con mis dispositivos Sonoff y hace poco decidí probar HA con Docker .... He visto comentarios de que preferiblemente no se debe instalar HA ahí porque "es muy pesado y podría no resistir el iHost" . Dime que opinas al respecto !

    • @nodeinsights
      @nodeinsights  5 месяцев назад +1

      Mira, si no utilizas muchas cámaras ni procesamiento de imágenes, es suficiente. Si tu iHost tiene 4 GB de memoria, es mejor, tendría más capacidad que la de 2 GB.
      Abrazos

  • @hck07
    @hck07 3 месяца назад

    show de bola!!!!!!

    • @nodeinsights
      @nodeinsights  3 месяца назад

      Obrigado Henrique pelo seu comentário.
      Grande abraço

  • @Mdjelectric
    @Mdjelectric 3 месяца назад

    ganhou um inscrito

    • @nodeinsights
      @nodeinsights  3 месяца назад

      Obrigado por seguir o canal. Ative as notificações que toda semana tem video novo. Abraços

  • @mauriciomachadogomes5280
    @mauriciomachadogomes5280 2 месяца назад

    Cadu, vc não consegue compartilhar esse botão " luz da sala" conosco? Tentei fazer aqui, mas ta complicado.

    • @nodeinsights
      @nodeinsights  2 месяца назад

      Olá Maurício,
      Nesse vídeo tem na descrição vários ícones e exemplos de como fazer:
      ruclips.net/video/HBAc-dlB6h0/видео.htmlsi=FppvjuVFp_H6TT5T
      Esse da Sala é o icon_hue.
      Abs

  • @jvitorsouzaa
    @jvitorsouzaa 5 месяцев назад

    Top de mais!!!

  • @stefanofz6
    @stefanofz6 Месяц назад

    Traduzido de italiano para português com "google translate"
    Parabéns és muito bom, comecei a acompanhar e a estudar graças aos teus vídeos. Posso pedir-te uma ajudinha?
    Copiei o código SVG de outro botão animado do site que indicou, mas a animação do botão só funciona quando o código YAML é atualizado ou quando a página é atualizada, não percebi como fazer a animação correr sempre que o botão é pressionado, como é o caso do código YAML que partilhou.

    • @nodeinsights
      @nodeinsights  Месяц назад +1

      Olá,
      A ideia é parecida com o exemplo abaixo:
      icon_window:
      custom_fields:
      icon: >
      [[[
      const isWindowOpen = entity.state === 'on';
      const state = isWindowOpen ? 'window-open' : 'window-closed';
      const svgWindowOpen = `
      `;
      const svgWindowClosed = `
      `;
      return isWindowOpen ? svgWindowOpen : svgWindowClosed;
      ]]]
      Nessas constantes: const state = isWindowOpen ? 'window-open' : 'window-closed';
      Você determina o desenho de cada ícone. Algo parecido com isso.
      Obrigado pelo comentário e por seguir o canal aí da Itália.
      Grande abraço

    • @stefanofz6
      @stefanofz6 Месяц назад

      @@nodeinsights Obrigado pela sua resposta, no entanto encontrei o parâmetro para fazer o que peço, é necessário adicionar a seguinte string: path class="${state}"

    • @nodeinsights
      @nodeinsights  Месяц назад

      Isso, tem várias formas de se fazer. Essa que você mencionou é uma delas.
      Abraços

  • @WELSTONTORTORETTO
    @WELSTONTORTORETTO 5 месяцев назад

    Muito bom vídeo

  • @igoraraujo13
    @igoraraujo13 5 месяцев назад

    Cadu no home assistant ele encontra qualquer camera IP de qualquer marca? Ex: icsee

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Olá Igor, se sua câmera tiver acesso por um endereço, tipo RTSP, você consegue configurar sim.
      Abs

  • @Homeassistant-z2f
    @Homeassistant-z2f 5 месяцев назад

    Cadu, sabe uma forma dos cards não trocarem de posição, eu tenho um tablet, criei os botões bem alinhados com tamanho da tela mas vezes quando reinicio o fully kiok os cards saem das posições que estavam originalmente ai tenho que ficar atualizado a pagina até volte da forma que deixei

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Ola home,
      Já tentou usar grid area?
      Ou até mesmo as seções agora. Isso vai resolver.
      Abs

  • @juniocap
    @juniocap 3 месяца назад

    Boa noite. Usei o exemplo que disponibilizou mas esta sempre ficando um fundo preto largo atrás do icone. Mesmo eu diminuindo a fonte, icone ou borda , ainda continua o tal fundo como uma imagem que acaba ocupando espaço no dashboard.

    • @nodeinsights
      @nodeinsights  3 месяца назад

      Olá Junior, em que tipo de ícone que vc criou que aconteceu isso? Com o button-card?
      Abs

    • @juniocap
      @juniocap 3 месяца назад

      @@nodeinsights Sim. O button-card. Usei o exemplo que disponibilizou em um link do video

    • @nodeinsights
      @nodeinsights  3 месяца назад +1

      Junior, verifique se não é alguma questão de indentação.
      Abs

  • @EdsonSantos-ph8qf
    @EdsonSantos-ph8qf 5 месяцев назад

    Cadu estava brincando um pouco com esse botão alarme e queria diminuir ele, pois o código traz um tamanho grande, tentei redimensionar com card_size mas não rolou

    • @nodeinsights
      @nodeinsights  5 месяцев назад

      Olá Edson,
      Usa assim:
      styles:
      card:
      - height: 230px
      - width: 230px
      Sempre o styles altera o estilos do componente, tanto o Card, quanto o name, state, etc.
      Abs

  • @JoseBerruezo
    @JoseBerruezo 5 месяцев назад

    👍

  •  3 месяца назад

    Meu HACS não tem essa barra de busca não e daí ainda não consegui achar o "button-card". Quando clico no HACS vejo quatro botões: Integrações, Frontend, Add-ons e Sobre. No "Sobre" tem que a versão da integração é a 1.34.0 e a versão do frontend é 20220906112053... Refiz o procedimento de instalar o HACS lá pelo SSH, mas não mudou essas versões aí não. 😔

    •  3 месяца назад

      Achei. Cliquei em Integrações, na janela que se abriu cliquei na opção Frontend e em seguida no botão azul "EXPLORAR E BAIXAR REPOSITÓRIOS" e por algum mistério do universo "button-card" era a primeira opção que tava na janela-pop-up que se apresentou....

    • @nodeinsights
      @nodeinsights  3 месяца назад +1

      Dependendo do tipo de instalação do seu Home Assistant, acontece isso. Se instalar pelo SSH ou Terminal principalmente.
      Abs

    • @nodeinsights
      @nodeinsights  3 месяца назад +1

      Isso mesmo, muda um pouquinho a forma de buscar. Que ótimo que encontrou.
      Grande abraço

  • @wiltonalvesplay
    @wiltonalvesplay Месяц назад

    gostaria de colocar por exemplo balcao sao 2 lampadas, mas gostaria que ficasse 1 icone so balcao que quando click ele acende as duas lampadas, é possivel?

    • @nodeinsights
      @nodeinsights  Месяц назад +1

      Olá @wiltonalvesplay, você pode criar um grupo, com entidades ajudantes das 2 lâmpadas, e ligar o grupo.
      Se tiver dúvidas, fiz um vídeo só sobre entidades ajudantes: ruclips.net/video/13g3VMxASSc/видео.htmlsi=PhpYGtozkopNpBVj
      Abs

    • @wiltonalvesplay
      @wiltonalvesplay Месяц назад

      @@nodeinsights E ontem tinha encontrado mesmo a opção de grupo daí deu certo kk, como consigo esse mesmo tamplat do seu dashboard?

    • @nodeinsights
      @nodeinsights  Месяц назад

      Expliquei nesse outro vídeo: ruclips.net/video/vitOye-cp7w/видео.htmlsi=U2xTUrFA1YMn6DbB
      Abs

  • @rodrigoccoelho
    @rodrigoccoelho 2 месяца назад

    Boa tarde, posso usar um botão desse para acionar um script? Ou seja, Criei um scritp "ligar luzes da sala"e "desligar luzes da sala" posso criar um botão de forma que quando aperte o botão 1x acione o script de ligar e apertando novamente acione o script desligar luzes da sala?

    • @nodeinsights
      @nodeinsights  2 месяца назад

      Olá Rodrigo, você precisa criar uma entidade ajudante booleana para poder controlar isso.
      Um exemplo aproximado do que vc precisa:
      type: 'custom:button-card'
      entity: input_boolean.toggle_script
      name: Alternar Script
      show_state: false
      show_icon: true
      tap_action:
      action: call-service
      service: input_boolean.toggle
      service_data:
      entity_id: input_boolean.toggle_script
      state:
      - operator: template
      value: >
      [[[
      if (states['input_boolean.toggle_script'].state == 'on') return 'on';
      return 'off';
      ]]]
      name: Script 1
      tap_action:
      action: call-service
      service: script.run_first_script
      - operator: template
      value: >
      [[[
      if (states['input_boolean.toggle_script'].state == 'off') return 'off';
      return 'on';
      ]]]
      name: Script 2
      tap_action:
      action: call-service
      service: script.run_second_script

    • @rodrigoccoelho
      @rodrigoccoelho 2 месяца назад

      @@nodeinsights Muito obrigado! Vou tentar fazer aqui

    • @rodrigoccoelho
      @rodrigoccoelho 2 месяца назад

      @@nodeinsights So mais uma dúvida, estou no meu dashboards principal estou incluido varias automações ou scripts, por exemplo: Assistir Tv, quando clico ele vai acionar a tc e tv acabo, como faço para que na hora que clica em assistir tv mude o dashboard para o dash que tem o controle remoto

    • @nodeinsights
      @nodeinsights  2 месяца назад

      Olá Rodrigo,
      Sei que você consegue pelo button-card, como no exemplo:
      type: custom:button-card
      name: Navegar para Aba
      tap_action:
      action: navigate
      navigation_path: /lovelace/alarme
      Se você precisa num tablet por exemplo ou celular, tem o Browser-mod tb.
      Abs

  • @patogalaxypato
    @patogalaxypato 5 месяцев назад

    Segue meu like