02/01/2025, 18:39:33
Et la première colonne pour le Jour :
Je suis obligé d'arrêter à Lumières, sinon trop de caractères..
A copier/coller en changeant les termes daily par monthly puis par yearly pour moi ici.
Je suis obligé d'arrêter à Lumières, sinon trop de caractères..
A copier/coller en changeant les termes daily par monthly puis par yearly pour moi ici.
Code :
- type: vertical-stack
cards:
- type: vertical-stack
cards:
- type: custom:mushroom-title-card
title: Jour
- type: horizontal-stack
horizontal: true
cards:
- type: custom:mushroom-template-card
primary: Total
secondary: ' {{ states(''sensor.energy_total_daily'') }} kWh - {{ states(''sensor.cout_total_daily'') }} €'
layout: horizontal
icon: mdi:lightning-bolt-circle
tap_action:
action: call-service
service: input_boolean.toggle
service_data:
entity_id: input_boolean.show_details_tempo_total_daily
card_mod:
style:
.: |
ha-card {
height: 40px !important;
}
ha-state-icon {
--icon-symbol-size: 30px;
}
mushroom-state-info$: |
.container {
flex-direction: row !important;
align-items: baseline;
gap: 230px;
}
- type: conditional
conditions:
- entity: input_boolean.show_details_tempo_total_daily
state_not: 'off'
card:
type: vertical-stack
cards:
- type: horizontal-stack
horizontal: true
cards:
- type: custom:mushroom-template-card
entity: sensor.cout_total_daily_bleu_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_usage_daily_bleu_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #5F87C7;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_daily_bleu_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_usage_daily_bleu_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #1057C8;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_daily_blanc_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_usage_daily_blanc_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #9F9F9F;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_daily_blanc_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_usage_daily_blanc_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #555555;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_daily_rouge_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_usage_daily_rouge_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #E89E8E;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_daily_rouge_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_usage_daily_rouge_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #E85130;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: horizontal-stack
horizontal: true
cards:
- type: custom:gap-card
height: 40px
- type: custom:mushroom-template-card
primary: ECS
secondary: ' {{ states(''sensor.energy_total_ecs_daily'') }} kWh - {{ states(''sensor.cout_total_ecs_daily'') }} €'
layout: horizontal
icon: mdi:lightning-bolt-circle
tap_action:
action: call-service
service: input_boolean.toggle
service_data:
entity_id: input_boolean.show_details_tempo_ecs_daily
card_mod:
style:
.: |
ha-card {
height: 40px !important;
width: 400px;
}
ha-state-icon {
--icon-symbol-size: 30px;
}
mushroom-state-info$: |
.container {
flex-direction: row !important;
align-items: baseline;
gap: 182px;
}
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: conditional
conditions:
- entity: input_boolean.show_details_tempo_ecs_daily
state_not: 'off'
card:
type: vertical-stack
cards:
- type: horizontal-stack
horizontal: true
cards:
- type: custom:mushroom-template-card
entity: sensor.cout_total_ecs_daily_bleu_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_ecs_usage_daily_bleu_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #5F87C7;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_ecs_daily_bleu_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_ecs_usage_daily_bleu_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #1057C8;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_ecs_daily_blanc_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_ecs_usage_daily_blanc_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #9F9F9F;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_ecs_daily_blanc_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_ecs_usage_daily_blanc_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #555555;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_ecs_daily_rouge_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_ecs_usage_daily_rouge_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #E89E8E;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_ecs_daily_rouge_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_ecs_usage_daily_rouge_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #E85130;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: horizontal-stack
horizontal: true
cards:
- type: custom:gap-card
height: 40px
- type: custom:mushroom-template-card
primary: LT
secondary: ' {{ states(''sensor.energy_total_lt_daily'') }} kWh - {{ states(''sensor.cout_total_lt_daily'') }} €'
layout: horizontal
icon: mdi:lightning-bolt-circle
tap_action:
action: call-service
service: input_boolean.toggle
service_data:
entity_id: input_boolean.show_details_tempo_lt_daily
card_mod:
style:
.: |
ha-card {
height: 40px !important;
width: 400px;
}
ha-state-icon {
--icon-symbol-size: 30px;
}
mushroom-state-info$: |
.container {
flex-direction: row !important;
align-items: baseline;
gap: 200px;
}
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: conditional
conditions:
- entity: input_boolean.show_details_tempo_lt_daily
state_not: 'off'
card:
type: vertical-stack
cards:
- type: horizontal-stack
horizontal: true
cards:
- type: custom:mushroom-template-card
entity: sensor.cout_total_lt_daily_bleu_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lt_usage_daily_bleu_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #5F87C7;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_lt_daily_bleu_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lt_usage_daily_bleu_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #1057C8;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_lt_daily_blanc_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lt_usage_daily_blanc_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #9F9F9F;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_lt_daily_blanc_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lt_usage_daily_blanc_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #555555;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_lt_daily_rouge_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lt_usage_daily_rouge_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #E89E8E;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_lt_daily_rouge_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lt_usage_daily_rouge_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #E85130;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: horizontal-stack
horizontal: true
cards:
- type: custom:gap-card
height: 40px
- type: custom:mushroom-template-card
primary: Prises
secondary: ' {{ states(''sensor.energy_total_prises_daily'') }} kWh - {{ states(''sensor.cout_total_prises_daily'') }} €'
layout: horizontal
icon: mdi:lightning-bolt-circle
tap_action:
action: call-service
service: input_boolean.toggle
service_data:
entity_id: input_boolean.show_details_tempo_prises_daily
card_mod:
style:
.: |
ha-card {
height: 40px !important;
width: 400px;
}
ha-state-icon {
--icon-symbol-size: 30px;
}
mushroom-state-info$: |
.container {
flex-direction: row !important;
align-items: baseline;
gap: 175px;
}
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: conditional
conditions:
- entity: input_boolean.show_details_tempo_prises_daily
state_not: 'off'
card:
type: vertical-stack
cards:
- type: horizontal-stack
horizontal: true
cards:
- type: custom:mushroom-template-card
entity: sensor.cout_total_prises_daily_bleu_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_prises_usage_daily_bleu_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #5F87C7;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_prises_daily_bleu_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_prises_usage_daily_bleu_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #1057C8;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_prises_daily_blanc_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_prises_usage_daily_blanc_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #9F9F9F;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_prises_daily_blanc_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_prises_usage_daily_blanc_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #555555;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_prises_daily_rouge_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_prises_usage_daily_rouge_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #E89E8E;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_prises_daily_rouge_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_prises_usage_daily_rouge_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #E85130;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: horizontal-stack
horizontal: true
cards:
- type: custom:gap-card
height: 40px
- type: custom:mushroom-template-card
primary: Lumières
secondary: ' {{ states(''sensor.energy_total_lumieres_daily'') }} kWh - {{ states(''sensor.cout_total_lumieres_daily'') }} €'
layout: horizontal
icon: mdi:lightning-bolt-circle
tap_action:
action: call-service
service: input_boolean.toggle
service_data:
entity_id: input_boolean.show_details_tempo_lumieres_daily
card_mod:
style:
.: |
ha-card {
height: 40px !important;
width: 400px;
}
ha-state-icon {
--icon-symbol-size: 30px;
}
mushroom-state-info$: |
.container {
flex-direction: row !important;
align-items: baseline;
gap: 156px;
}
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: custom:gap-card
height: 40px
- type: conditional
conditions:
- entity: input_boolean.show_details_tempo_lumieres_daily
state_not: 'off'
card:
type: vertical-stack
cards:
- type: horizontal-stack
horizontal: true
cards:
- type: custom:mushroom-template-card
entity: sensor.cout_total_lumieres_daily_bleu_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lumieres_usage_daily_bleu_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #5F87C7;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_lumieres_daily_bleu_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lumieres_usage_daily_bleu_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #1057C8;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_lumieres_daily_blanc_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lumieres_usage_daily_blanc_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #9F9F9F;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_lumieres_daily_blanc_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lumieres_usage_daily_blanc_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #555555;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_lumieres_daily_rouge_hc
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lumieres_usage_daily_rouge_hc_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #E89E8E;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}
- type: custom:mushroom-template-card
entity: sensor.cout_total_lumieres_daily_rouge_hp
primary: '{{ states(entity) }} €'
layout: vertical
secondary: >-
{{
states('sensor.energy_total_lumieres_usage_daily_rouge_hp_kwh')
}} kWh
card_mod:
style:
.: |
ha-card {
background-color: #E85130;
height: 40px !important;
width: 72px;
}
mushroom-state-info$: |
.container {
--card-primary-color: white;
--card-secondary-color: white;
--card-secondary-font-size: 9px;
--card-primary-font-size: 14px;
}