templates added

This commit is contained in:
Tobias Lehmann 2025-07-01 14:26:21 +02:00
parent 618e01e564
commit 96934eb9ad
3 changed files with 331 additions and 0 deletions

View File

@ -0,0 +1,197 @@
type: custom:stack-in-card
cards:
- type: gauge
entity: sensor.helper_max_co2
name: Luftqualität
needle: true
min: 0
max: 3000
segments:
- from: 0
color: green
- from: 800
color: orange
- from: 1200
color: red
card_mod:
style:
ha-gauge:
$: |
svg.text > .value-text {
font-size: 3em !important;
}
svg {
height: 3.1em;
}
.: |
ha-card {
height: 100% !important;
}
.name {
font-size: 0.7em !important;
}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Luftqualität
timeout: 20000
content:
type: vertical-stack
cards:
- type: horizontal-stack
title: Untergeschoss
cards:
- type: markdown
content: " "
- type: markdown
content: " "
- type: markdown
content: " "
- type: markdown
content: " "
- type: markdown
content: " "
card_mod:
style: |
ha-card {
height: 100% !important;
}
ha-card .name {
font-size: 0.7em;
}
- type: horizontal-stack
title: Erdgeschoss
cards:
- type: gauge
entity: sensor.house_ground_floor_family_living_room_ceiling_co2
name: Wohnzimmer
needle: true
min: 0
max: 2000
segments:
- from: 0
color: green
- from: 800
color: orange
- from: 1200
color: red
card_mod:
style:
ha-gauge:
$: |
svg.text > .value-text {
font-size: 3em !important;
}
svg {
height: 3.1em;
}
.: |
ha-card {
height: 100% !important;
}
.name {
font-size: 0.7em !important;
}
- type: gauge
entity: sensor.esphome_eg_bath_co2
name: Elternbad
needle: true
min: 0
max: 2000
segments:
- from: 0
color: green
- from: 800
color: orange
- from: 1200
color: red
card_mod:
style:
ha-gauge:
$: |
svg.text > .value-text {
font-size: 3em !important;
}
svg {
height: 3.1em;
}
.: |
ha-card {
height: 100% !important;
}
.name {
font-size: 0.7em !important;
}
- type: markdown
content: " "
- type: markdown
content: " "
- type: markdown
content: " "
card_mod:
style: |
ha-card {
height: 100% !important;
}
ha-card .name {
font-size: 0.7em;
}
- type: horizontal-stack
title: Obergeschoss
cards:
- type: gauge
entity: sensor.house_first_floor_parents_ceiling_co2
name: Elternschlafzimmer
needle: true
min: 0
max: 2000
segments:
- from: 0
color: green
- from: 800
color: orange
- from: 1200
color: red
card_mod:
style:
ha-gauge:
$: |
svg.text > .value-text {
font-size: 3em !important;
}
svg {
height: 3.1em;
}
.: |
ha-card {
height: 100% !important;
}
.name {
font-size: 0.7em !important;
}
- type: markdown
content: " "
- type: markdown
content: " "
- type: markdown
content: " "
- type: markdown
content: " "
card_mod:
style: |
ha-card {
height: 100% !important;
}
ha-card .name {
font-size: 0.7em;
}
card_mod:
style: |
ha-card {
height: 100% !important;
}
ha-card .name {
font-size: 0.7em;
}

View File

@ -0,0 +1,46 @@
type: custom:auto-entities
card:
square: false
type: grid
columns: 1
card_param: cards
filter:
exclude:
- state: "off"
- state: idle
include:
- entity_id: /^alert(.).*
state: "on"
options:
type: custom:mushroom-template-card
primary: Alarm
secondary: "!!!"
icon: mdi:alert-circle
icon_color: red
fill_container: true
layout: vertical
multiline_secondary: false
card_mod:
style: |
ha-card {
animation: blink 1s linear infinite;
}
@keyframes blink { 50% {opacity: 0;} }
mushroom-shape-icon$: |
.shape
{
{% if states('sensor.luba_vsm5l4ku_aktivitatsmodus') == 'MODE_WORKING' or states('sensor.luba_vsm5l4ku_aktivitatsmodus') == 'MODE_RETURNING' %}
--shape-animation: spin 3s linear infinite;
{% endif %}
--icon-symbol-size: 1.4em;
--icon-size: 1.8em;
}
mushroom-state-info$: |
.container {
--card-primary-font-size: 0.7em;
--card-secondary-font-size: 0.7em;
--card-primary-line-height: 1.0em;
--card-secondary-line-height: 1.0em;
}
show_empty: true

View File

@ -0,0 +1,88 @@
type: custom:auto-entities
card:
square: false
type: grid
columns: 1
card_param: cards
filter:
exclude:
- state: "off"
- state: idle
include:
- entity_id: /^alert(.).*
state: "on"
options:
type: custom:mushroom-template-card
primary: Alarm
secondary: "!!!"
icon: mdi:alert-circle
icon_color: red
fill_container: true
layout: vertical
multiline_secondary: false
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
dismissable: true
autoclose: false
title: Alarm
size: fullscreen
timeout: 60000
content:
type: horizontal-stack
cards:
- type: custom:auto-entities
show_empty: true
card:
type: entities
card_mod:
style: |
ha-card {
background-color: red;
border-radius: 5px;
--primary-color: white;
--paper-item-icon-color: white;
--secondary-text-color: white;
height: 11em !important;
overflow-y: scroll !important;
}
filter:
include:
- entity_id: /^alert(.).*
options:
secondary_info: last-changed
exclude:
- state: "off"
- state: idle
sort:
method: last_changed
reverse: true
grid_options:
columns: full
card_mod:
style: |
ha-card {
animation: blink 1s linear infinite;
}
@keyframes blink { 50% {opacity: 0;} }
mushroom-shape-icon$: |
.shape
{
{% if states('sensor.luba_vsm5l4ku_aktivitatsmodus') == 'MODE_WORKING' or states('sensor.luba_vsm5l4ku_aktivitatsmodus') == 'MODE_RETURNING' %}
--shape-animation: spin 3s linear infinite;
{% endif %}
--icon-symbol-size: 1.4em;
--icon-size: 1.8em;
}
mushroom-state-info$: |
.container {
--card-primary-font-size: 0.7em;
--card-secondary-font-size: 0.7em;
--card-primary-line-height: 1.0em;
--card-secondary-line-height: 1.0em;
}
show_empty: true