Dashboard - Tela inicial do Home Assistant divulgando! Compartilhando Ideias!

robbcarmo · November 11, 2022, 10:13pm

usa o card mini graph

pirates · November 13, 2022, 7:34am

Complimenti per la Card e possibile avere i dati del frigorifero? Grazie

Tecker · November 17, 2022, 1:19pm

Aqui na empresa que eu trabalho, implementei o HA no setor de TI para monitoramento de links de internet, dvr que estão espalhados em várias obras, APs, e concentro tudo em uma TV que fica aqui na nossa sala.

Garanto a vocês que não conseguimos mais ficar sem essa TV aqui, o HA aqui na TI foi o melhor sistema que implementamos, a informação fácil é muito importante.

Quando qualquer sistema dessa fica fora do ar, além de conseguirmos vê na TV, temos uma alexa aqui que fica tocando rádio que também avisa a queda.

Monitoramos:

Presença diretores e alguns funcionários via Unifi (para acionamentos de interruptores e aviso para a copeira servir café)
Access Points Unifi em vários estados (Servidor Unifi no HA)
DVRs, Sites e IPs via integração UptimeRobot
Status da plataforma Sienge, via iframe (Única coisa que não consegui deixar o background preto)
Ping e perdas partindo do servidor para os escritórios, para monitorar lentidão de acesso via VPN, e ping ao Google para monitorar lentidão de navegação.

E muitos outros sistemas

maciel_nm · November 23, 2022, 8:04pm

Olá,
segue codigo do card completo!

type: vertical-stack
cards:

type: horizontal-stack
cards:
- type: horizontal-stack
  cards:
  - type: custom:button-card
    entity: sensor.status_geladeira
    name: Geladeira
    show_entity_picture: true
    entity_picture: |
    [[[
    if ((states[‘binary_sensor.porta_geladeira_contact’].state == ‘on’) && (states[‘binary_sensor.porta_freezer_contact’].state == ‘off’)) return “/local/imagens/geladeira_door_open.png”;
    else if ((states[‘binary_sensor.porta_geladeira_contact’].state == ‘off’) && (states[‘binary_sensor.porta_freezer_contact’].state == ‘on’)) return “/local/imagens/geladeira_freezer_open.png”;
    else if ((states[‘binary_sensor.porta_geladeira_contact’].state == ‘on’) && (states[‘binary_sensor.porta_freezer_contact’].state == ‘on’)) return “/local/imagens/geladeira_open.png”;
    else return “/local/imagens/geladeira.png”;
    ]]]
    show_state: true
    aspect_ratio: 1/1.14
    tap_action:
    action: call-service
    service: switch.toggle
    service_data:
    entity_id: switch.tomada_geladeira_socket_1
    lock:
    enabled: true
    duration: 5
    unlock: double_tap
    styles:
    grid:
    - position: relative
    entity_picture:
    - width: 95%
    custom_fields:
    notification:
    - border-radius: 5%
    - position: absolute
    - left: 34%
    - top: 70%
    - height: 22px
    - width: 70px
    - font-size: 12px
    - line-height: 23px
    custom_fields:
    notification: |
    [[[
    return <ha-icon icon="mdi:thermometer-lines" style="width: 22px; height: 22px; color: blue;"> </ha-icon><span> ${states['sensor.tu_geladeira_temperature'].state}°C</span>
    ]]]
    state:
    - value: Ligada
      styles:
      state:
      - color: yellow
      card:
      - box-shadow: 2px 2px 4px 0px yellow
    - value: Standby
      styles:
      state:
      - color: orange
      card:
      - box-shadow: 2px 2px 4px 0px orange
    - value: Desligada
      styles:
      state:
      - color: red
      card:
      - box-shadow: 2px 2px 4px 0px red
      card_mod:
      style: |
      ha-card {
      border-radius: 12px;
      }
- type: vertical-stack
  cards:
  - type: horizontal-stack
    cards:
    - type: custom:button-card
      name: HOJE
      aspect_ratio: 1/0.4
      styles:
      card:
      - font-size: 13px
      icon:
      - width: 30%
      card_mod:
      style: |
      ha-card {
      border-radius: 12px;
      }
    - type: custom:button-card
      entity: sensor.geladeira_x_aberta
      name: X
      show_icon: false
      layout: name_state
      show_state: true
      aspect_ratio: 1/0.4
      styles:
      card:
      - font-size: 13px
      icon:
      - width: 30%
      card_mod:
      style: |
      ha-card {
      border-radius: 12px;
      }
    - type: custom:button-card
      entity: sensor.geladeira_tempo
      name: H
      show_icon: false
      layout: name_state
      show_state: true
      aspect_ratio: 1/0.4
      styles:
      card:
      - font-size: 13px
      icon:
      - width: 30%
      card_mod:
      style: |
      ha-card {
      border-radius: 12px;
      }
  - type: horizontal-stack
    cards:
    - type: custom:button-card
      name: MÊS
      aspect_ratio: 1/0.4
      styles:
      card:
      - font-size: 13px
      icon:
      - width: 30%
      card_mod:
      style: |
      ha-card {
      border-radius: 12px;
      }
    - type: custom:button-card
      entity: sensor.geladeira_x_aberta_mes
      name: X
      show_icon: false
      layout: name_state
      show_state: true
      aspect_ratio: 1/0.4
      styles:
      card:
      - font-size: 13px
      icon:
      - width: 30%
      card_mod:
      style: |
      ha-card {
      border-radius: 12px;
      }
    - type: custom:button-card
      entity: sensor.geladeira_tempo_mes
      name: H
      show_icon: false
      layout: name_state
      show_state: true
      aspect_ratio: 1/0.4
      styles:
      card:
      - font-size: 13px
      icon:
      - width: 30%
      card_mod:
      style: |
      ha-card {
      border-radius: 12px;
      }
  - type: custom:button-card
    entity: sensor.consumo_geladeira_dia
    name: Consumo DIA
    layout: name_state
    show_icon: false
    show_state: true
    aspect_ratio: 7/0.85
    styles:
    card:
    - font-size: 13px
    card_mod:
    style: |
    ha-card {
    border-radius: 12px;
    }
  - type: custom:button-card
    entity: sensor.consumo_geladeira_mes
    name: Consumo MÊS
    show_icon: false
    layout: name_state
    show_state: true
    aspect_ratio: 7/0.85
    styles:
    card:
    - font-size: 13px
    card_mod:
    style: |
    ha-card {
    border-radius: 12px;
    }
  - type: custom:button-card
    entity: sensor.tomada_geladeira_power
    show_name: false
    show_icon: true
    layout: icon_name_state
    show_state: true
    aspect_ratio: 7/1
    styles:
    card:
    - font-size: 14px
    icon:
    - width: 30%
    card_mod:
    style: |
    ha-card {
    border-radius: 12px;
    }
  - type: custom:button-card
    entity: sensor.tomada_geladeira_current
    show_name: false
    icon: mdi:current-ac
    show_icon: true
    layout: icon_name_state
    show_state: true
    aspect_ratio: 7/1
    styles:
    card:
    - font-size: 14px
    icon:
    - width: 30%
    card_mod:
    style: |
    ha-card {
    border-radius: 12px;
    }
  - type: custom:button-card
    entity: sensor.tomada_geladeira_voltage
    show_name: false
    icon: mdi:sine-wave
    show_icon: true
    layout: icon_state
    show_state: true
    aspect_ratio: 7/1
    styles:
    card:
    - font-size: 14px
    icon:
    - width: 30%
    card_mod:
    style: |
    ha-card {
    border-radius: 12px;
    }

luizgustavo · February 15, 2023, 10:59pm

Olá pessoal, estou iniciando minha aventura pelo HA, e estou tentando mudar a cor do ícone de acordo o status, mas não estou conseguindo, estou utilizando o código a seguir:

- type: custom:mushroom-person-card
icon_type: entity-picture
entity: person.luiz_gustavo_santos_borges

type: custom:mushroom-entity-card
entity: sensor.luiz_battery_level
icon: mdi:battery
icon_color: >-
{% if states(‘sensor.luiz_battery_state’) == ‘discharging’ %}
red
{% else %}
green
{% endif %}

Alguém poderia me ajudar?

guilherme-cespedes · February 16, 2023, 8:34pm

Boa tarde!
Posso estar enganado, mas se não me engano você só vai conseguir essas alterações no mushroom se estiver utilizando o mushroom-template… Esse de mushroom-entity não deixa criar esses if no icon_color ou icon.

Para afirmar preciso testar em casa.

luizgustavo · February 18, 2023, 1:10am

De fato não funciona com mushroom-entity, consegui com o mushroom-template. Obrigado.

Danilo_Alcantara · February 24, 2023, 1:53pm

bom dia/tarde/noite, gostaria de saber como foi feita a logica de contagem de abertura de porta da geladeira?

dyego.dutra · February 27, 2023, 3:13am

Parabéns ficou top!!! Como vc criou essa dashboard pra colocar essas opção na parte superior(ex: lâmpada, diversos…)

LekLek · July 25, 2023, 10:56pm

Boa noite amigo. Muito top seu dashboard do carro! Como fez pra extrair as informações do carro pro home assistant!

polegato · October 5, 2023, 12:44am

ele usou a integração com um app chamado Drivvo.

tirannus · October 18, 2023, 12:19pm

Ola @Alesson , como conseguiu integrar o controle do azamerica? está usando uma ponte de infravermelho ou bluetooth/wifi ?

tirannus · October 18, 2023, 5:49pm

@maciel_nm como conseguiu botar a umidade com cor azul?

maciel_nm · November 16, 2023, 2:50pm

Opa,
Tá definido pela cor padrão do tema! se a sua ta diferente, pode utilizar o mini-graph-card, e configurar…
assim:
type: custom:mini-graph-card
entities:

entity: sensor.ble_temperature_tu_suite
name: Temperatura
height: 100
line_width: 2
font_size: 90
hours_to_show: 24
points_per_hour: 3
show:
extrema: true
color_thresholds:
value: 28
color: ‘#f39c12’
value: 29
color: ‘#d35400’
value: 30
color: ‘#c0392b’
card_mod:
style: |
ha-card {
border-radius: 12px;
}

kleberkadanus · November 20, 2023, 1:02am

o meu ainda estou bem no inicio… é simples, mas só fato de usar tudo em um unico app ja é uma vitoria pra mim, antes eu tinha 6 apps para controlar isso aqui…

tiler · December 3, 2023, 4:52am

Uma duvida simples:

nesse card:

Sem título

abaixo esta escrito desconectado, pq o telefone nao ta carregando, mas gostaria de trocar a palavra desconectado por descarregando, e qdo conectado pra carregando.

como seria o codigo de condicao pra isso.

segue codigo deste card:

type: picture-elements
image: /local/eu - cut - invert.jpg
elements:
  - entity: sensor.s23ultra_battery_level
    style:
      color: white
      left: 15%
      top: 92%
    type: state-label
  - type: icon
    icon: mdi:phone
    style:
      left: 6%
      top: 92%
      color: white
  - entity: binary_sensor.s23ultra_is_charging
    style:
      color: white
      left: 35%
      top: 92%
    type: state-label
  - type: icon
    icon: mdi:account
    style:
      color: white
      left: 6%
      top: 8%
  - entity: person.valter_souza
    style:
      color: white
      left: 16%
      top: 8%
    type: state-label
  - type: icon
    icon: mdi:wifi
    style:
      left: 6%
      top: 50%
      color: white
  - entity: sensor.s23ultra_wifi_connection
    style:
      color: white
      left: 21%
      top: 50%
    type: state-label

monteiro · December 5, 2023, 6:02pm

Galera dos DashBoard fiz um vídeo falando sobre:

tirannus · December 7, 2023, 12:48pm

o companion app já tem um sensor que vem com o nome certo:
sensor.xxx_battery_state (carregando / descarregando)