Compartilhando Cards e aceitando sugestões

Compartilhando com vocês três cards que fiz a partir de alguns testes:
Primeiro de temperatura, ajustei para mudar de cor de acordo com a realidade da temperatura da minha cidade.
image

type: custom:mushroom-template-card
entity: sensor.sensor_temperatura_quartopaulinho_temperature
tap_action:
action: more-info
no_card: false
primary: Temperatura
secondary: >-
A temperatura é de
{{states(‘sensor.sensor_temperatura_quartopaulinho_temperature’)}}°C
icon: mdi:temperature-celsius
icon_color: >-
{% set mysensor =
(states(‘sensor.sensor_temperatura_quartopaulinho_temperature’)) | int %} {%
if mysensor < 25 -%}
blue
{%- elif mysensor < 30 and mysensor >= 25 %}
blue
{%- else %}
red
{%- endif %}
layout: horizontal
multiline_secondary: false
fill_container: false
badge_color: ‘’

Segundo de umidade, seguindo a mesma lógica do temperatura.
image

type: custom:mushroom-template-card
entity: sensor.sensor_temperatura_quartopaulinho_humidity
tap_action:
action: more-info
no_card: false
primary: Umidade
secondary: >-
A umidade relativa no quarto é de
{{states(‘sensor.sensor_temperatura_quartopaulinho_humidity’)}}%
icon: mdi:temperature-celsius
icon_color: >-
{% set mysensor =
(states(‘sensor.sensor_temperatura_quartopaulinho_humidity’)) | int %} {% if
mysensor < 60 -%}
red
{%- elif mysensor < 80 and mysensor >= 60 %}
orange
{%- else %}
blue
{%- endif %}
layout: horizontal
multiline_secondary: false
fill_container: false
badge_color: ‘’

E por último o de janela, seguindo a mesma lógica dos anteriores.
image

type: custom:mushroom-template-card
entity: binary_sensor.sensor_janela_quartopaulinho_contact
tap_action:
action: more-info
no_card: false
primary: Janela
secondary: >-
{% if is_state(‘binary_sensor.sensor_janela_quartopaulinho_contact’ , ‘off’)
-%} Janela fechada {%- else %} Janela aberta {% endif %}
icon: >-
{% if is_state(‘binary_sensor.sensor_janela_quartopaulinho_contact’ , ‘off’)
-%} mdi:window-close {%- else %} mdi:window-open {% endif %}
icon_color: >-
{% if is_state(‘binary_sensor.sensor_janela_quartopaulinho_contact’ , ‘off’)
-%} grey {%- else %} green {% endif %}
layout: horizontal
multiline_secondary: false
fill_container: false
badge_color: ‘’

Todos esses códigos são baseados em um código que um colega compartilhou aqui no fórum, mas que não achei mais o link pra fazer a referência.

Queria saber se tem como a partir desses templetates personalizados do mushroom cards fazê-lo em um só card?
Hoje está assim:
image
Gostaria que todos ficassem em um card só, dessa forma:
image
Grato pela ajuda!

Coloque os em um vertical-stack.

Já estão em um vertical stack.
Segue o código completo:

type: vertical-stack
cards:
- type: custom:mushroom-light-card
entity: switch.sonoff_1000a52f91
name: Luz Paulinho
use_light_color: true
show_brightness_control: false
show_color_temp_control: false
show_color_control: false
collapsible_controls: false
fill_container: false
layout: horizontal
secondary_info: none
icon_type: entity-picture
- type: custom:mushroom-template-card
primary: SENSORES
secondary: Aqui começa a lista de sensores
- type: custom:mushroom-template-card
entity: binary_sensor.sensor_janela_quartopaulinho_contact
tap_action:
action: more-info
no_card: false
primary: Janela
secondary: >-
{% if is_state(‘binary_sensor.sensor_janela_quartopaulinho_contact’ ,
‘off’) -%} Janela fechada {%- else %} Janela aberta {% endif %}
icon: >-
{% if is_state(‘binary_sensor.sensor_janela_quartopaulinho_contact’ ,
‘off’) -%} mdi:window-close {%- else %} mdi:window-open {% endif %}
icon_color: >-
{% if is_state(‘binary_sensor.sensor_janela_quartopaulinho_contact’ ,
‘off’) -%} grey {%- else %} green {% endif %}
layout: horizontal
multiline_secondary: false
fill_container: false
badge_color: ‘’
- type: custom:mushroom-template-card
entity: sensor.sensor_temperatura_quartopaulinho_humidity
tap_action:
action: more-info
no_card: false
primary: Umidade
secondary: >-
A umidade relativa no quarto é de
{{states(‘sensor.sensor_temperatura_quartopaulinho_humidity’)}}%
icon: mdi:temperature-celsius
icon_color: >-
{% set mysensor =
(states(‘sensor.sensor_temperatura_quartopaulinho_humidity’)) | int %} {%
if mysensor < 60 -%}
red
{%- elif mysensor < 80 and mysensor >= 60 %}
orange
{%- else %}
blue
{%- endif %}
layout: horizontal
multiline_secondary: false
fill_container: false
badge_color: ‘’
- type: custom:mushroom-template-card
entity: sensor.sensor_temperatura_quartopaulinho_temperature
tap_action:
action: more-info
no_card: false
primary: Temperatura
secondary: >-
A temperatura é de
{{states(‘sensor.sensor_temperatura_quartopaulinho_temperature’)}}°C
icon: mdi:temperature-celsius
icon_color: >-
{% set mysensor =
(states(‘sensor.sensor_temperatura_quartopaulinho_temperature’)) | int %}
{% if mysensor < 25 -%}
blue
{%- elif mysensor < 30 and mysensor >= 25 %}
blue
{%- else %}
red
{%- endif %}
layout: horizontal
multiline_secondary: false
fill_container: false
badge_color: ‘’
- type: entities
title: Ideapad Gaming 3i
entities:
- entity: sensor.paulopc_11th_gen_intel_core_i5_11300h_temperatures_cpu_package
name: Temperatura CPU
secondary_info: last-updated
- entity: sensor.paulopc_nvidia_nvidia_geforce_gtx_1650_temperatures_gpu_core
name: Temperatura GPU
secondary_info: last-updated
- entity: sensor.paulopc_samsung_mzalq512hblu_00bl2_temperatures_temperature
name: Temperatura SSD
secondary_info: last-updated
- entity: sensor.paulopc_11th_gen_intel_core_i5_11300h_clocks_bus_speed
name: Clock CPU
icon: mdi:car-speed-limiter
secondary_info: last-updated
- entity: sensor.paulopc_11th_gen_intel_core_i5_11300h_load_cpu_total
name: Uso da CPU
icon: mdi:percent-outline
secondary_info: last-updated
- entity: sensor.paulopc_generic_memory_data_used_memory
name: Uso da memória
icon: mdi:memory
secondary_info: last-updated
- entity: sensor.paulopc_samsung_mzalq512hblu_00bl2_load_used_space
name: Uso do SSD
secondary_info: last-updated
icon: mdi:memory
- type: entities
entities:
- entity: sensor.archerc6v2_download_speed
name: Download speed
- entity: sensor.archerc6v2_upload_speed
name: Upload speed
- entity: binary_sensor.zigbee2mqtt_bridge_connection_state
name: Ponte Zigbee 3.0
title: Infraestrutura de Rede

Tem como fazer outro vertical dentro de um vertical já existente?

Sem querer abusar da sua boa vontade,mas já abusando…

Seria interessante se pudesse fazer um assim pra monitorar bateria, tipo as baterias dos sensores…

Eu acharia top também, para monitorar os meus kkkk

Mas sem abusar da boa vontade

Segue o código para o estado da bateria.
Adicionei uma condição que a medida que a bateria vai caindo, o ícone vai se adequando. Não consegui testar isso aqui, pois todos os sensores que tenho estão com 100%.
Depois mandem como ficou na dashboard de vocês.

type: custom:mushroom-template-card
entity: sensor.pedeabacate_battery
tap_action:
action: more-info
no_card: false
primary: Estado da bateria
secondary: Bateria com {{states(‘sensor.pedeabacate_battery’)}} %
icon: |
{% set mysensor = (states(‘sensor.pedeabacate_battery’)) | int %} {% if
mysensor < 20 -%}
mdi:battery-20
{%- elif mysensor < 50 and mysensor >= 25 %}
mdi:battery-50
{%- elif mysensor < 75 and mysensor >= 50 %}
mdi:battery-70
{%- else %}
mdi:battery
{%- endif %}
icon_color: >-
{% set mysensor = (states(‘sensor.pedeabacate_battery’)) | int %} {% if
mysensor < 25 -%}
red
{%- elif mysensor < 50 and mysensor >= 25 %}
yellow
{%- elif mysensor < 75 and mysensor >= 50 %}
blue
{%- else %}
green
{%- endif %}
layout: horizontal
multiline_secondary: false

Lembrando que é um card do tipo custom:mushroom-template-card.
Algumas dessas condições não irão funcionar tem outros tipos de cards.

pra mim deu erro …o que estou fazendo de errado será

Verifica a justificação do texto YAML.

Ou joga no ChatGPT pra ele falar o que pode estar ocorrendo de erro.

Fiz uma pequena correção no último código.
Ele não estava atualizando a imagem do ícone da bateria de acordo com os níveis.
Segue o novo código (desconsiderem o antigo):

type: custom:mushroom-template-card
entity: sensor.pedeabacate_battery
tap_action:
action: more-info
no_card: false
primary: Estado da bateria
secondary: Bateria com {{states(‘sensor.pedeabacate_battery’)}} %
icon: >-
{% set mysensor = (states(‘sensor.pedeabacate_battery’)) | int %} {% if
mysensor < 25 -%}
mdi:battery-20
{%- elif mysensor < 50 and mysensor >= 25 %}
mdi:battery-50
{%- elif mysensor < 75 and mysensor >= 50 %}
mdi:battery-70
{%- else %}
mdi:battery
{%- endif %}
icon_color: >-
{% set mysensor = (states(‘sensor.pedeabacate_battery’)) | int %} {% if
mysensor < 25 -%}
red
{%- elif mysensor < 50 and mysensor >= 25 %}
yellow
{%- elif mysensor < 75 and mysensor >= 50 %}
blue
{%- else %}
green
{%- endif %}
layout: horizontal
multiline_secondary: false

Para bateria fosto muito da combinação Battery Notes + Battery State Card (esse card é fantástico as possibilidades), ambos no HACS.

Permite inclusive acompanhar última troca manual, ou ele automaticamente considerar como trocada quando o percentual aumentar

https://andrew-codechimp.github.io/HA-Battery-Notes/

3 curtidas