FHEMWEB/ControlMiniDash

Aus FHEMWiki
Version vom 3. Januar 2026, 10:09 Uhr von Schwatter (Diskussion | Beiträge)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Mini

ControlMiniDash – kompaktes Dashboard-Widget

Dieses Widget stellt ein kompaktes Dashboard bereit, das direkt in einem Device im FHEMWEB (PGM2) Frontend definiert werden kann. Es wurde ursprünglich für ein Klimaanlagen-Setup entwickelt und dient als flexibles, visuelles Bedienelement für Geräte wie z. B. den HmIP-WTH-2.

Das Widget besteht aus zentralen Informationstexten, einem farbigen Außenring, einem Sliderbutton für die Solltemperatur sowie bis zu sechs frei definierbaren Buttons.

Hilfe


Funktionen

Zentrale Textelemente

Vier Textelemente werden in der Mitte angezeigt:

  • Gemessene Temperatur
  • Luftfeuchtigkeit
  • Solltemperatur
  • Freitextfeld / Statusfeld

Interaktion

  • Der runde Button auf dem Außenring ermöglicht das direkte Erhöhen oder Verringern der Solltemperatur.
  • Der Außenring ändert seine Farbe abhängig von der aktuellen Temperatur (7 °C bis 30 °C).
  • Links (1–3) und rechts (4–6) können jeweils drei frei belegbare Buttons definiert werden.
  • Für die Buttons können sowohl Data-URL-SVG als auch FHEM-SVG-Icons verwendet werden.


Einrichtung im Device

Das Widget wird über webCmd und widgetOverride aktiviert.

Beispiele

Fhemicon + Fhemcmd only
attr tcmdWidget webCmd climacontrol
attr tcmdWidget widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp@°C,humidity@%,desired-temp@°C,state,#,rc_MINUS@boost.off,#,#,rc_PLUS@boost.on,#
Fhemicon + Fhemcmd bzw. Perlcmd aus userattr
attr tcmdWidget webCmd climacontrol
attr tcmdWidget widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp@°C,humidity@%,desired-temp@°C,state,#,rc_MINUS@#,#,#,rc_PLUS@#,#
SVG Data URL aus userattr + Fhemcmd bzw. Perlcmd aus userattr
attr tcmdWidget webCmd climacontrol
attr tcmdWidget widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp@°C,humidity@%,desired-temp@°C,state,#,#,#,#,#,#

Dummy-Device für die Beispiele

defmod tcmdWidget dummy
attr tcmdWidget userattr btn2Cmd btn2Color btn2Icon btn5Cmd btn5Color btn5Icon
attr tcmdWidget btn2Cmd { fhem("set tcmdWidget desired-temp ".(ReadingsVal("tcmdWidget","desired-temp",0) - 0.5)) }
attr tcmdWidget btn2Color blue
attr tcmdWidget btn2Icon data:image/svg+xml;;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2C20C7.59%2C20%204%2C16.41%204%2C12C4%2C7.59%207.59%2C4%2012%2C4C16.41%2C4%2020%2C7.59%2020%2C12C20%2C16.41%2016.41%2C20%2012%2C20M12%2C2A10%2C10%200%200%2C0%202%2C12A10%2C10%200%200%2C0%2012%2C22A10%2C10%200%200%2C0%2022%2C12A10%2C10%200%200%2C0%2012%2C2M7%2C13H17V11H7%22%20%2F%3E%3C%2Fsvg%3E
attr tcmdWidget btn5Cmd { fhem("set tcmdWidget desired-temp ".(ReadingsVal("tcmdWidget","desired-temp",0) + 0.5)) }
attr tcmdWidget btn5Color red
attr tcmdWidget btn5Icon data:image/svg+xml;;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2C20C7.59%2C20%204%2C16.41%204%2C12C4%2C7.59%207.59%2C4%2012%2C4C16.41%2C4%2020%2C7.59%2020%2C12C20%2C16.41%2016.41%2C20%2012%2C20M12%2C2A10%2C10%200%200%2C0%202%2C12A10%2C10%200%200%2C0%2012%2C22A10%2C10%200%200%2C0%2022%2C12A10%2C10%200%200%2C0%2012%2C2M13%2C7H11V11H7V13H11V17H13V13H17V11H13V7Z%22%20%2F%3E%3C%2Fsvg%3E
attr tcmdWidget readingList measured-temp desired-temp humidity state
attr tcmdWidget room Test
attr tcmdWidget setList measured-temp desired-temp humidity state
attr tcmdWidget webCmd climacontrol
attr tcmdWidget widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp@°C,humidity@%,desired-temp@°C,state,#,rc_MINUS@boost.off,#,#,rc_PLUS@boost.on,#

setstate tcmdWidget boost on
setstate tcmdWidget 2025-12-28 16:40:00 desired-temp 18.5
setstate tcmdWidget 2025-12-28 14:11:59 humidity 55
setstate tcmdWidget 2025-12-28 15:48:53 measured-temp 22
setstate tcmdWidget 2025-12-28 16:45:38 state boost on

Parameterübersicht

Abschnitt Bedeutung Beschreibung
<beliebigerName> webCmd-Zuweisung Gibt an, welches webCmd das Widget repräsentiert.
controlminidash Widget-Typ Aktiviert das Dashboard-Widget.
ring1Val Istwert Zeigt nach dem Setzen des Sollwerts den aktuellen Istwert an.
ring2Val Sollwert Zu setzender Wert.
info1@unit Status-/Textfeld Freiwählbares Reading.
info2@unit Status-/Textfeld Freiwählbares Reading.
info3@unit Status-/Textfeld Freiwählbares Reading.
info4@unit Status-/Textfeld Freiwählbares Reading.
btnXIcon@btnXCmd Button-Attribute Individuelle Definition von Icon und Befehl für die sechs möglichen Buttons. 
Beispiel:sani_heating_automatic@controlMode.automatic
# Button ausblenden Beispiel: 
 climacontrol:controlminidash,measured-temp,humidity,desired-temp,state,#,#,#,#,#,#


Individualisierung per userattr

Damit können Fhemcmd's, Farbe und Icon für jeden der sechs Buttons separat konfiguriert werden.

Beispiel-Definition: 

 defmod widgetControlUserAttr dummy
 attr widgetControlUserAttr userattr btn1Cmd btn1Color btn1Icon btn2Cmd btn2Color btn2Icon btn3Cmd btn3Color btn3Icon btn4Cmd btn4Color btn4Icon btn5Cmd btn5Color btn5Icon btn6Cmd btn6Color btn6Icon
 attr widgetControlUserAttr btn1Cmd   set widgetControlUserAttr state cooling
 attr widgetControlUserAttr btn1Color blue
 attr widgetControlUserAttr btn1Icon  data:image/svg+xml;;charset=utf-8,%3Csvg%20xmlns...
 attr widgetControlUserAttr btn2Cmd   { fhem("set widgetControlUserAttr desired-temp ".(ReadingsVal("widgetControlUserAttr","desired-temp",0)-0.5)) }
 attr widgetControlUserAttr btn2Color blue
 attr widgetControlUserAttr btn2Icon  data:image/svg+xml;;charset=utf-8,%3Csvg%20xmlns...
 attr widgetControlUserAttr btn3Cmd   set widgetControlUserAttr state off
 attr widgetControlUserAttr btn3Icon  data:image/svg+xml...
 attr widgetControlUserAttr btn4Cmd   set widgetControlUserAttr state heating
 attr widgetControlUserAttr btn4Color red
 attr widgetControlUserAttr btn4Icon  data:image/svg+xml...
 attr widgetControlUserAttr btn5Cmd   { fhem("set widgetControlUserAttr desired-temp ".(ReadingsVal("widgetControlUserAttr","desired-temp",0)+0.5)) }
 attr widgetControlUserAttr btn5Color red
 attr widgetControlUserAttr btn5Icon  data:image/svg+xml...
 attr widgetControlUserAttr btn6Cmd   set widgetControlUserAttr state on
 attr widgetControlUserAttr btn6Color green
 attr widgetControlUserAttr btn6Icon  data:image/svg+xml...
 attr widgetControlUserAttr readingList measured-temp humidity desired-temp state
 attr widgetControlUserAttr room Test
 attr widgetControlUserAttr setList measured-temp humidity desired-temp state
 attr widgetControlUserAttr subType Thermostat
 attr widgetControlUserAttr webCmd climacontrol
 attr widgetControlUserAttr widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp,humidity,desired-temp,state,#,#,#,#,#,#
 setstate widgetControlUserAttr heating
 setstate widgetControlUserAttr 2025-11-30 11:51:37 desired-temp 20.0
 setstate widgetControlUserAttr 2025-11-30 11:42:42 humidity 56
 setstate widgetControlUserAttr 2025-11-30 11:42:48 measured-temp 19
 setstate widgetControlUserAttr 2025-11-30 11:51:21 state heating


Mit DOIF diverse Widgets in einem Table zusammenfassen

 defmod di_widget DOIF ##
 attr di_widget room Test
 attr di_widget uiTable {package ui_Table;;\
 $_param='controlminidash,measured-temp,desired-temp,measured-temp,humidity,desired-temp,state,sani_heating_manual@controlMode.manual,rc_MINUS@#,sani_heating_boost@boost,sani_heating_automatic@controlMode.automatic,rc_PLUS@#,sani_heating_mode@night_day';;\
 $_set="set desired-temp";;\
 }\
 widget([TH_DG_HM:desired-temp],$_param,$_set)|\
 widget([TH_Kz_w_HM:desired-temp],$_param,$_set)\
 widget([TH_Kz_o_HM:desired-temp],$_param,$_set)|\
 widget([TH_Kueche_HM:desired-temp],$_param,$_set)\
 widget([TH_Keller_HM:desired-temp],$_param,$_set)|\
 widget([TH_Bad_HM:desired-temp],$_param,$_set)


Einrichtungen für KNX RaumThermostat_/_HeizungsAktor

siehe: RaumThermostat_/_HeizungsAktor_mit_widget_controlminidash

Abgerufen von „http://wiki.fhem.de/w/index.php?title=FHEMWEB/ControlMiniDash&oldid=40640“