Hintergrund: Linienzeichnung, die beim Berühren in Partikel zerfließt und sich wieder zusammensetzt.

Heizung · Warmwasser · Räume · Mittwoch, 21. Oktober

Speicher bei 52 °C,die Sonne heizt.

Warmwasser, Zirkulation und Räume im Blick.

Zu den Räumen

Warmwasserspeicher

Solar
  • Speicher oben52,4 °C
  • Warmwasser aus51,8 °C
  • Zirkulation41,3 °C
  • Speicher-RL36,5 °C
  • Solar-VL–
  • Solar-RL–
  • Kaltwasser ein14,2 °C

Brenner
aus · lädt bis 47 °C
Nachladen ab
≤ 41 °C
Speicher-Schutz Zirkulation
< 38 °C

Zirkulationspumpe

Auto
Leistung
0 W
Steckdose · WLAN
−81 dBm
Takt
alle 30 min · 9 min
000306091215182124

Sonnenmodus: Speicher ≥ 50 °C oder Solar lädt → 06–22 Uhr alle 30 min.

Heizkreis

BSB-LAN
Außen 15030
9,4 °C
Vorlauf 15032
38,6 °C
Rücklauf
31,2 °C
Brenner-Modulation
0 %

Das Jahr in Wärme.

Tageswerte der letzten 12 Monate
In VIS 2 übernehmen · Heizung, Warmwasser, Räume

Widget → Datenpunkt

WidgetDatenpunktHinweis
Speicher, Solar, Zirkulationalias.0.Heizung.*Quelle ESPHome esphome.1.A4C1385E92D7 und BSB-LAN
Außen, Vorlaufmqtt.0.BSB-LAN.*15030 Außen · 15032 Vorlauf · 15021 Speicher
Zirkulationspumpeshelly.0.SHPLG-S#068CC2#1.Relay0.Switch.Power für die Leistung
Leo, Mia, Bürofritzdect.0.DECT_*.tist ist · .tsoll soll · .battery
Fußbodenheizung EGalpha2.0.HEATAREA.<n>Wohnzimmer 1 · Küche 2 · Küche Opa 4 · Wohnzimmer Opa 5 (T_ACTUAL, T_TARGET)

Projekt-CSS

Dasselbe Projekt-CSS wie in der Ansicht Zuhause, ergänzt um das Pumpenrad. Die Klasse gh-spin per Binding auf den Schaltzustand der Pumpe setzen.

/* Pumpenrad dreht nur bei laufender Pumpe */
.gh-spin svg{animation:gh-spin 1.4s linear infinite}
@keyframes gh-spin{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){
  .gh-spin svg{animation:none!important}
}

Beispiel CSS-Klasse: gh-spin {v:shelly.0.SHPLG-S#068CC2#1.Relay0.Switch; v ? 'gh-spin' : ''}