Habe den Brwoser-Mod so eingestellt das er nach 1 Minute ohne Berührung auf 15% Helligkeit runterschaltet und erst nach Berührung wieder auf 100%. Damit stört das Licht des TV nicht - vor allem in der Nacht.
Zum Bedienen ist so ein großer Touchscreen ideal wie ich find
@Shime
Ja sicher du findest mit Sicherheit jede Taste
@Shime Sehr schön, darf man fragen wieso beim Energie anzeige PV und Bkw nicht eingebunden ist?
Ist alles eingebunden nur die PV-Balkon Anzeige ist momentan offline weil ich den Tasmota Schalter im vorhinein schon konfiguriert habe die Anlage selbst werde ich aber erst dieses Wochenende installieren😅
Hmmm, bekomme es so aber nur hintereinander und ohne Text.
Und wenn etwas keine Leistung benötigt, wird es nicht ausgeblendet, wird dann stattdessen mit weißer Schrift angezeigt:
chips:
- type: conditional
conditions: null
- type: entity
entity: sensor.sh_k_hz_leistung
icon: mdi:water-boiler
name: Heizung
tap_action:
action: navigate
navigation_path: /lovelace/15
card_mod:
style: |
ha-card {
{% set state = states('sensor.sh_k_hz_leistung') | int %}
{% if state >= 100 %}
--text-color: red;
{% elif state >= 60 %}
--text-color: orange;
{% elif state >= 30 %}
--text-color: yellow;
{% elif state >= 20 %}
--text-color: yellowgreen;
{% endif %}
}
- type: entity
entity: sensor.p_w_k_k_leistung
icon: mdi:fridge
name: Kühlschrank
card_mod:
style: |
ha-card {
{% set state = states('sensor.p_w_k_k_leistung') | int %}
{% if state >= 100 %}
--text-color: red;
{% elif state >= 60 %}
--text-color: orange;
{% elif state >= 30 %}
--text-color: yellow;
{% elif state >= 20 %}
--text-color: yellowgreen;
{% endif %}
}
- type: entity
entity: sensor.p_w_w_fb_leistung
icon: mdi:router-network-wireless
name: FRITZ!Box
tap_action:
action: navigate
navigation_path: /lovelace/14
card_mod:
style: |
ha-card {
{% set state = states('sensor.p_w_w_fb_leistung') | int %}
{% if state >= 6 %}
--text-color: red;
{% elif state >= 5 %}
--text-color: yellowgreen;
{% endif %}
}
- type: entity
entity: sensor.p_w_kz_mo_leistung
icon: mdi:moon-waning-crescent
name: Mond
card_mod:
style: |
ha-card {
{% set state = states('sensor.p_w_kz_mo_leistung') | int %}
{% if state <= 100 %}
--text-color: red;
{% endif %}
}
conditions:
- condition: numeric_state
above: 1
title: aktuell
Also ich habe es bei mir so gelöst:
Allerdings nach state und nicht nach value. Aber das kann man ja anpassen.
type: horizontal-stack
cards:
- type: conditional
conditions:
- condition: or
conditions:
- condition: state
entity: switch.beleuchtung_teich
state: 'on'
- condition: state
entity: switch.pool_lichterkette_socket_1
state: 'on'
- condition: state
entity: switch.sitzecke_himmel_socket_1
state: 'on'
card:
type: custom:mushroom-chips-card
chips:
- type: template
tap_action:
action: navigate
navigation_path: /dashboard-macbook/beleuchtung
hold_action:
action: none
double_tap_action:
action: none
icon: mdi:lightbulb
icon_color: red
content: ''
- type: conditional
conditions:
- condition: or
conditions:
- condition: state
entity: switch.pumpe
state: 'on'
card:
type: custom:mushroom-chips-card
chips:
- type: template
tap_action:
action: navigate
navigation_path: /dashboard-macbook/wasserversorgung
hold_action:
action: none
double_tap_action:
action: none
icon: mdi:water-pump
icon_color: red
content: ''
- type: horizontal-stack
cards:
- type: conditional
conditions:
- condition: or
conditions:
- condition: state
entity: switch.boiler
state: 'on'
card:
type: custom:mushroom-chips-card
chips:
- type: template
tap_action:
action: navigate
navigation_path: /dashboard-macbook/wasserversorgung
hold_action:
action: none
double_tap_action:
action: none
icon: mdi:water-boiler
icon_color: red
content: ''
- type: horizontal-stack
cards:
- type: conditional
conditions:
- condition: or
conditions:
- condition: state
entity: switch.teich_skimmer_socket_1
state: 'on'
card:
type: custom:mushroom-chips-card
chips:
- type: template
tap_action:
action: navigate
navigation_path: /dashboard-macbook/teich
hold_action:
action: none
double_tap_action:
action: none
icon: mdi:filter
icon_color: red
content: ''
- type: conditional
conditions:
- condition: or
conditions:
- condition: state
entity: switch.teich_wasserfall_socket_1
state: 'on'
card:
type: custom:mushroom-chips-card
chips:
- type: template
tap_action:
action: navigate
navigation_path: /dashboard-macbook/teich
hold_action:
action: none
double_tap_action:
action: none
icon: mdi:waterfall
icon_color: red
content: ''
Realisiert über Bedingungskarten, da ich die Symbole angezeigt bekommen möchte, wenn bestimmte Geräte angeschaltet sind.
Hi @guevara777!
Danke, dass du deine Arbeit hier veröffentlichst. Gefällt mir mega gut.
Ich bekomme allerdings einen Fehler, weil mir ein Template fehlt, das ich hier nicht finden konnte: barcard_new
Würdest du das noch bereitstellen und verraten, wie und wo das hinterlegt wird?
Achso, kannst du bitte noch sagen, wie folgende deiner Entitäten aussehen?
- sensor.gm2021_gas_total
- sensor.gm2021_gas_total_cost
- sensor.gm2021_kilowattstunde_gas_total
- sensor.gm2021_kilowattstunde_gas_today
Danke, Gruß und ein schönes Wochenende
Das sind die Zählerwerte die ich über einen ESPhome-ESP32 mit einem Reed-Kontakt an den Zähler angeschlossen habe. Der “cost”-Sensor wird von Home Assistant erstellt, wenn du die Kosten im Energy-Dashboard trackst.
Du kannst dafür aber auch ein Utility-Meter anlegen. Ich weiß ja nicht wie du die Werte von deinem Gaszähler bekommst.
Ah, okay. Danke dir. Ich mach das ähnlich, via Tasmota. Sieht jetzt gut aus.
Allerdings sieht die Statistik nicht richtig aus.
Da scheint alles auf einen Tag zu fallen. Warum auch immer auf den 16.05.2024. Als Entität habe ich das: sensor.gasverbrauch_kwh_total
Hab ich was falsch gemacht? Welche Entität sollte da rein?
Mh, das wäre eigentlich die richtige. Ich nutze mittlerweile die Apex-Charts-Card für die Darstellung, da die andere Karte nicht weiterentwickelt wird.
Sieht dann so aus:
Hier der code für die Karte:
type: vertical-stack
cards:
- type: custom:tabbed-card
styles:
'--mdc-theme-primary': var(--energy-gas-color)
'--mdc-tab-horizontal-padding': 0px !important
tabs:
- attributes:
minWidth: true
stacked: false
label: Tag
card:
type: custom:apexcharts-card
card_mod:
style: |
ha-card {
padding: 0px !important;
border: none;
box-shadow: none;
margin-bottom: -3rem;
}
experimental:
color_threshold: true
yaxis:
- id: YACHSE
opposite: false
apex_config:
tickAmount: 4
forceNiceScale: true
decimalsInFloat: 0
apex_config:
grid:
show: true
borderColor: '#E0E0E0'
chart:
height: 400px
offsetY: -20
tooltip:
enabled: true
followCursor: false
x:
show: true
fixed:
enabled: false
header:
show: true
show_states: true
colorize_states: true
standard_format: false
graph_span: 1day
span:
start: day
series:
- entity: sensor.gasverbrauch_kwh_daily
yaxis_id: YACHSE
group_by:
func: diff
start_with_last: false
duration: 1hour
show:
in_header: raw
name_in_header: true
header_color_threshold: true
color: var(--energy-gas-color)
type: column
stroke_width: 2
float_precision: 1
- attributes:
minWidth: true
stacked: false
label: Woche
card:
type: custom:apexcharts-card
card_mod:
style: |
ha-card {
padding: 0px !important;
border: none;
box-shadow: none;
margin-bottom: -3rem;
}
experimental:
color_threshold: true
yaxis:
- id: YACHSE
opposite: false
apex_config:
tickAmount: 4
forceNiceScale: true
decimalsInFloat: 0
apex_config:
grid:
show: true
borderColor: '#E0E0E0'
chart:
height: 400px
offsetY: -20
tooltip:
enabled: true
followCursor: false
x:
show: true
fixed:
enabled: false
header:
show: true
show_states: true
colorize_states: true
standard_format: false
graph_span: 7d
span:
start: isoWeek
series:
- entity: sensor.gasverbrauch_kwh_weekly
yaxis_id: YACHSE
statistics:
type: sum
group_by:
func: diff
start_with_last: false
duration: 1d
show:
in_header: raw
name_in_header: true
header_color_threshold: true
color: var(--energy-gas-color)
type: column
stroke_width: 2
float_precision: 0
- attributes:
minWidth: true
stacked: false
label: Monat
card:
type: custom:apexcharts-card
card_mod:
style: |
ha-card {
padding: 0px !important;
border: none;
box-shadow: none;
margin-bottom: -3rem;
}
experimental:
color_threshold: true
yaxis:
- id: YACHSE
opposite: false
apex_config:
tickAmount: 4
forceNiceScale: true
decimalsInFloat: 0
apex_config:
grid:
show: true
borderColor: '#E0E0E0'
chart:
height: 400px
offsetY: -20
tooltip:
enabled: true
followCursor: false
x:
show: true
fixed:
enabled: false
header:
show: true
show_states: true
colorize_states: true
standard_format: false
graph_span: 1month
span:
start: month
series:
- entity: sensor.gasverbrauch_kwh_monthly
yaxis_id: YACHSE
statistics:
type: sum
group_by:
func: diff
start_with_last: false
duration: 1day
show:
in_header: raw
name_in_header: true
header_color_threshold: true
color: var(--energy-gas-color)
type: column
stroke_width: 2
float_precision: 0
- attributes:
minWidth: true
stacked: false
label: Jahr
card:
type: custom:apexcharts-card
card_mod:
style: |
ha-card {
padding: 0px !important;
border: none;
box-shadow: none;
margin-bottom: -3rem;
}
experimental:
color_threshold: true
yaxis:
- id: YACHSE
opposite: false
apex_config:
tickAmount: 4
forceNiceScale: true
decimalsInFloat: 0
apex_config:
grid:
show: true
borderColor: '#E0E0E0'
chart:
height: 400px
offsetY: -20
tooltip:
enabled: true
followCursor: false
x:
show: true
fixed:
enabled: false
header:
show: true
show_states: true
colorize_states: true
standard_format: false
graph_span: 1y
span:
start: year
series:
- entity: sensor.gasverbrauch_kwh_yearly
yaxis_id: YACHSE
statistics:
type: sum
group_by:
func: diff
start_with_last: false
duration: 1month
show:
in_header: raw
name_in_header: true
header_color_threshold: true
color: var(--energy-gas-color)
type: column
stroke_width: 2
float_precision: 0
Hallo @onofthepagans
Frage: welche Karte ist die für die Shellys - so etwas such ich schon länger.
Danke
Meinst du die Heizungsübersicht? Auf den Bildern ist nichts von Shelly zu sehen.
Hallo @onofthepagans
ich meine Deinen Beitrag vom Februar 2023
beste Grüße
Wolli
Es handelt sich hier um die HACS Integration
https://github.com/benct/lovelace-multiple-entity-row
Habe noch etwas weiter “rumgespielt”. Im Moment bin ich damit sehr zufrieden. Das ist die Ansicht auf dem Handy, fürs Tablet hab ich es etwas bearbeitet. Aber im Großen und Ganzen sieht es so ähnlich aus.
Danke für Eure Hilfe!!!
@onofthepagans
Danke - funktioniert perfekt
Funktioniert super, danke dir @guevara777.
Hast du dein “Subview Strom-Jahresstatistik” auch auf Apex umgebaut?
Das ist ja noch der history-explorer-card, wenn ich das richtig gesehen habe.
Nein, die Sub-View hab ich entfernt. Sorry.
wie hast du den Kalender so “klein” bekommen?
Hey das der atomic calendar
Da kann man den event modus einstellen oder normalen Kalender modus einfach über hacs installieren
https://github.com/totaldebug/atomic-calendar-revive