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

usa o card mini graph

1 Like

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

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

10 Likes

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;
        }

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?

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.

1 Like

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

1 Like

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

1 Like

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

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

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

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

@maciel_nm como conseguiu botar a umidade com cor azul?

1 Like

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;
    }

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…

1 Like

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

Galera dos DashBoard fiz um vídeo falando sobre:

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

Boa noite!!!

Como faço para incluir outra pessoa como neste exemplo aí. O meu celular já está adicionado, mas queria adicionar o da minha esposa.

Grato,

Boa noite!!!

As câmeras você adicionou por RTSP ?