FHEMWEB/ControlMiniDash - Versionsgeschichte

Schwatter am 3. Januar 2026 um 09:09 Uhr

2026-01-03T09:09:02Z

← Nächstältere Version		Version vom 3. Januar 2026, 11:09 Uhr
Zeile 28:		Zeile 28:
	* Links (1–3) und rechts (4–6) können jeweils drei frei belegbare Buttons definiert werden.		* 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.		* Für die Buttons können sowohl Data-URL-SVG als auch FHEM-SVG-Icons verwendet werden.


	=== Einrichtung im Device ===		=== Einrichtung im Device ===
Zeile 166:		Zeile 167:
	setstate widgetControlUserAttr 2025-11-30 11:51:21 state heating		setstate widgetControlUserAttr 2025-11-30 11:51:21 state heating
	</syntaxhighlight>		</syntaxhighlight>


	=== Mit DOIF diverse Widgets in einem Table zusammenfassen ===		=== Mit DOIF diverse Widgets in einem Table zusammenfassen ===
Zeile 183:		Zeile 185:
	widget([TH_Bad_HM:desired-temp],$_param,$_set)		widget([TH_Bad_HM:desired-temp],$_param,$_set)
	</syntaxhighlight>		</syntaxhighlight>


	=== Einrichtungen für KNX RaumThermostat_/_HeizungsAktor ===		=== Einrichtungen für KNX RaumThermostat_/_HeizungsAktor ===

Schwatter am 3. Januar 2026 um 09:07 Uhr

2026-01-03T09:07:10Z

← Nächstältere Version		Version vom 3. Januar 2026, 11:07 Uhr
Zeile 183:		Zeile 183:
	widget([TH_Bad_HM:desired-temp],$_param,$_set)		widget([TH_Bad_HM:desired-temp],$_param,$_set)
	</syntaxhighlight>		</syntaxhighlight>

			=== Einrichtungen für KNX RaumThermostat_/_HeizungsAktor ===

			siehe: [[KNX_Device_Definition_-_Beispiele#RaumThermostat_/_HeizungsAktor_mit_widget_controlminidash\| RaumThermostat_/_HeizungsAktor_mit_widget_controlminidash]]

	[[Kategorie:Code Snippets]]		[[Kategorie:Code Snippets]]
	[[Kategorie:FHEM Frontends]]		[[Kategorie:FHEM Frontends]]

Schwatter am 3. Januar 2026 um 08:58 Uhr

2026-01-03T08:58:20Z

← Nächstältere Version		Version vom 3. Januar 2026, 10:58 Uhr
Zeile 28:		Zeile 28:
	* Links (1–3) und rechts (4–6) können jeweils drei frei belegbare Buttons definiert werden.		* 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.		* Für die Buttons können sowohl Data-URL-SVG als auch FHEM-SVG-Icons verwendet werden.


	=== Einrichtung im Device ===		=== Einrichtung im Device ===
Zeile 34:		Zeile 33:
	Das Widget wird über <code>webCmd</code> und <code>widgetOverride</code> aktiviert.		Das Widget wird über <code>webCmd</code> und <code>widgetOverride</code> aktiviert.

	~~Beispiel ohne Buttons:~~		==== Beispiele ====

			===== Fhemicon + Fhemcmd only =====
	<syntaxhighlight lang="perl">		<syntaxhighlight lang="perl">
	attr ~~<device>~~ webCmd climacontrol		attr tcmdWidget webCmd climacontrol
	attr ~~<device>~~ widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp,humidity,desired-temp,state,#,#,#,#,#,#		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,#
	</syntaxhighlight>		</syntaxhighlight>

	~~Beispiel mit FhemSVG-Buttons:~~		===== Fhemicon + Fhemcmd bzw. Perlcmd aus userattr =====
	<syntaxhighlight lang="perl">		<syntaxhighlight lang="perl">
	attr ~~<device>~~ webCmd climacontrol		attr tcmdWidget webCmd climacontrol
	attr ~~<device>~~ widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp,humidity,desired-temp,state,~~sani_heating_manual@controlMode.manual~~,rc_MINUS@~~temp-5~~,~~sani_heating_boost@boost~~,~~sani_heating_automatic@controlMode.automatic~~,rc_PLUS@~~temp+5~~,~~sani_heating_mode@night_day'~~		attr tcmdWidget widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp@°C,humidity@%,desired-temp@°C,state,#,rc_MINUS@#,#,#,rc_PLUS@#,#
	</syntaxhighlight>		</syntaxhighlight>

	~~Wenn im Device keine Luftfeuchte/Humidity vorhanden ist, kann diese mit # an der dritten Position ausgeblendet werden~~.		===== SVG Data URL aus userattr + Fhemcmd bzw. Perlcmd aus userattr =====
	<syntaxhighlight lang="perl">		<syntaxhighlight lang="perl">
	attr ~~HmIP_KLHR_STHD~~ webCmd ~~controlMD auto~~:~~manu~~:~~boost~~:~~on:off~~		attr tcmdWidget webCmd climacontrol
	attr ~~HmIP_KLHR_STHD~~ widgetOverride ~~controlMD~~:controlminidash,measured-temp,desired-temp,measured-temp,#,desired-temp,~~HEATING_COOLING~~,#,#,#,#,#,#		attr tcmdWidget widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp@°C,humidity@%,desired-temp@°C,state,#,#,#,#,#,#
			</syntaxhighlight>

			==== Dummy-Device für die Beispiele ====

			<syntaxhighlight lang="perl">
			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
	</syntaxhighlight>		</syntaxhighlight>

Zeile 148:		Zeile 173:
	attr di_widget room Test		attr di_widget room Test
	attr di_widget uiTable {package ui_Table;;\		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@~~temp-5~~,sani_heating_boost@boost,sani_heating_automatic@controlMode.automatic,rc_PLUS@~~temp+5~~,sani_heating_mode@night_day';;\		$_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";;\		$_set="set desired-temp";;\
	}\		}\

Schwatter: /* Parameterübersicht */

2026-01-03T00:05:18Z

Parameterübersicht

← Nächstältere Version		Version vom 3. Januar 2026, 02:05 Uhr
Zeile 35:		Zeile 35:

	Beispiel ohne Buttons:		Beispiel ohne Buttons:
	<syntaxhighlight lang="~~Perl~~">		<syntaxhighlight lang="perl">
	attr <device> webCmd climacontrol		attr <device> webCmd climacontrol
	attr <device> widgetOverride climacontrol:controlminidash,measured-temp,humidity,desired-temp,state,#,#,#,#,#,#		attr <device> widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp,humidity,desired-temp,state,#,#,#,#,#,#
	</syntaxhighlight>		</syntaxhighlight>

	Beispiel mit FhemSVG-Buttons:		Beispiel mit FhemSVG-Buttons:
	<syntaxhighlight lang="~~Perl~~">		<syntaxhighlight lang="perl">
	attr <device> webCmd climacontrol		attr <device> webCmd climacontrol
	attr <device> widgetOverride climacontrol:controlminidash,measured-temp,humidity,desired-temp,state,sani_heating_manual@controlMode.manual,rc_MINUS@temp-5,sani_heating_boost@boost,sani_heating_automatic@controlMode.automatic,rc_PLUS@temp+5,sani_heating_mode@night_day'		attr <device> widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp,humidity,desired-temp,state,sani_heating_manual@controlMode.manual,rc_MINUS@temp-5,sani_heating_boost@boost,sani_heating_automatic@controlMode.automatic,rc_PLUS@temp+5,sani_heating_mode@night_day'
	</syntaxhighlight>		</syntaxhighlight>

	Wenn im Device keine Luftfeuchte/Humidity vorhanden ist, kann diese mit # an der dritten Position ausgeblendet werden.		Wenn im Device keine Luftfeuchte/Humidity vorhanden ist, kann diese mit # an der dritten Position ausgeblendet werden.
	<syntaxhighlight lang="~~Perl~~">		<syntaxhighlight lang="perl">
	attr HmIP_KLHR_STHD webCmd controlMD auto:manu:boost:on:off		attr HmIP_KLHR_STHD webCmd controlMD auto:manu:boost:on:off
	attr HmIP_KLHR_STHD widgetOverride controlMD:controlminidash,measured-temp,#,desired-temp,HEATING_COOLING,#,#,#,#,#,#		attr HmIP_KLHR_STHD widgetOverride controlMD:controlminidash,measured-temp,desired-temp,measured-temp,#,desired-temp,HEATING_COOLING,#,#,#,#,#,#
	</syntaxhighlight>		</syntaxhighlight>

Zeile 67:		Zeile 67:
	\| Aktiviert das Dashboard-Widget.		\| Aktiviert das Dashboard-Widget.
	\|-		\|-
	\| <code>~~measured-temp~~</code>		\|<code>ring1Val</code>
	\| ~~Reading~~		\|Istwert
	\| ~~Anzeige der gemessenen Temperatur~~.		\|Zeigt nach dem Setzen des Sollwerts den aktuellen Istwert an.
	\|-		\|-
	\| <code>~~humidity~~</code>		\|<code>ring2Val</code>
	\| ~~Reading~~		\|Sollwert
	\| ~~Anzeige der Luftfeuchtigkeit. Nicht vorhanden → mit <code>#</code> deaktivieren~~.		\|Zu setzender Wert.
	\|-		\|-
	\| <code>~~desired-temp~~</code>		\| <code>info1@unit</code>
	\| ~~Reading~~ / ~~Setter~~		\| Status-/Textfeld
	\| ~~Anzeige und Steuerung der Solltemperatur~~.		\| Freiwählbares Reading.
	\|-		\|-
	\| <code>~~state~~</code>		\| <code>info2@unit</code>
	\| ~~Anzeige eines~~ Status- ~~oder Textfelds~~.		\| Status-/Textfeld
	\| ~~Das~~ Reading ~~ist frei wählbar~~.		\| Freiwählbares Reading.
			\|-
			\| <code>info3@unit</code>
			\| Status-/Textfeld
			\| Freiwählbares Reading.
			\|-
			\| <code>info4@unit</code>
			\| Status-/Textfeld
			\| Freiwählbares Reading.
	\|-		\|-
	\| <code>btnXIcon@btnXCmd </code>		\| <code>btnXIcon@btnXCmd </code>
Zeile 101:		Zeile 109:
	Beispiel-Definition:		Beispiel-Definition:

	<syntaxhighlight lang="~~Perl~~">		<syntaxhighlight lang="perl">
	defmod widgetControlUserAttr dummy		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 userattr btn1Cmd btn1Color btn1Icon btn2Cmd btn2Color btn2Icon btn3Cmd btn3Color btn3Icon btn4Cmd btn4Color btn4Icon btn5Cmd btn5Color btn5Icon btn6Cmd btn6Color btn6Icon
Zeile 126:		Zeile 134:
	attr widgetControlUserAttr subType Thermostat		attr widgetControlUserAttr subType Thermostat
	attr widgetControlUserAttr webCmd climacontrol		attr widgetControlUserAttr webCmd climacontrol
	attr widgetControlUserAttr widgetOverride climacontrol:controlminidash,measured-temp,humidity,desired-temp,state,#,#,#,#,#,#		attr widgetControlUserAttr widgetOverride climacontrol:controlminidash,measured-temp,desired-temp,measured-temp,humidity,desired-temp,state,#,#,#,#,#,#
	setstate widgetControlUserAttr heating		setstate widgetControlUserAttr heating
	setstate widgetControlUserAttr 2025-11-30 11:51:37 desired-temp 20.0		setstate widgetControlUserAttr 2025-11-30 11:51:37 desired-temp 20.0
Zeile 136:		Zeile 144:
	=== Mit DOIF diverse Widgets in einem Table zusammenfassen ===		=== Mit DOIF diverse Widgets in einem Table zusammenfassen ===

	<syntaxhighlight lang="~~Perl~~">		<syntaxhighlight lang="perl">
	defmod di_widget DOIF ##		defmod di_widget DOIF ##
	attr di_widget room Test		attr di_widget room Test
	attr di_widget uiTable {package ui_Table;;\		attr di_widget uiTable {package ui_Table;;\
	$_param='controlminidash,measured-temp,humidity,desired-temp,state,sani_heating_manual@controlMode.manual,rc_MINUS@temp-5,sani_heating_boost@boost,sani_heating_automatic@controlMode.automatic,rc_PLUS@temp+5,sani_heating_mode@night_day';;\		$_param='controlminidash,measured-temp,desired-temp,measured-temp,humidity,desired-temp,state,sani_heating_manual@controlMode.manual,rc_MINUS@temp-5,sani_heating_boost@boost,sani_heating_automatic@controlMode.automatic,rc_PLUS@temp+5,sani_heating_mode@night_day';;\
	$_set="set desired-temp";;\		$_set="set desired-temp";;\
	}\		}\

Schwatter am 9. Dezember 2025 um 20:10 Uhr

2025-12-09T20:10:07Z

← Nächstältere Version		Version vom 9. Dezember 2025, 22:10 Uhr
Zeile 10:		Zeile 10:

	=== Hilfe ===		=== Hilfe ===
	* Forenthread zum ~~[https://forum.fhem.de/index.php?topic~~=142831.0 ControlMiniDash Widget]		* Forenthread zum {{Link2Forum\|Topic=142831\|LinkText=ControlMiniDash Widget}}

Schwatter am 9. Dezember 2025 um 20:05 Uhr

2025-12-09T20:05:18Z

← Nächstältere Version		Version vom 9. Dezember 2025, 22:05 Uhr
Zeile 151:		Zeile 151:
	</syntaxhighlight>		</syntaxhighlight>

			[[Kategorie:Code Snippets]]
	[[Kategorie:FHEM Frontends]]		[[Kategorie:FHEM Frontends]]

Schwatter am 9. Dezember 2025 um 20:03 Uhr

2025-12-09T20:03:46Z

← Nächstältere Version		Version vom 9. Dezember 2025, 22:03 Uhr
Zeile 1:		Zeile 1:
	[[Datei:Controlminidash.png]]		[[Datei:Controlminidash.png\|Mini\|rechts]]
	== ControlMiniDash – kompaktes Dashboard-Widget ==		== ControlMiniDash – kompaktes Dashboard-Widget ==

	Dieses Widget stellt ein kompaktes Dashboard bereit, das direkt in einem Device definiert werden kann.		Dieses Widget stellt ein kompaktes Dashboard bereit, das direkt in einem Device im [[FHEMWEB]] ([[PGM2]]) Frontend
	Es wurde ursprünglich für ein Klimaanlagen-Setup entwickelt und dient als flexibles, visuelles Bedienelement		definiert werden kann. Es wurde ursprünglich für ein Klimaanlagen-Setup entwickelt und dient als flexibles,
	für Geräte wie z. B. den HmIP-WTH-2.		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		Das Widget besteht aus zentralen Informationstexten, einem farbigen Außenring, einem Sliderbutton für die
Zeile 10:		Zeile 10:

	=== Hilfe ===		=== Hilfe ===
	Forenthread zum [https://forum.fhem.de/index.php?topic=142831.0 ControlMiniDash Widget]		* Forenthread zum [https://forum.fhem.de/index.php?topic=142831.0 ControlMiniDash Widget]


Zeile 35:		Zeile 35:

	Beispiel ohne Buttons:		Beispiel ohne Buttons:
			<syntaxhighlight lang="Perl">
	attr <device> webCmd climacontrol		attr <device> webCmd climacontrol
	attr <device> widgetOverride climacontrol:controlminidash,measured-temp,humidity,desired-temp,state,#,#,#,#,#,#		attr <device> widgetOverride climacontrol:controlminidash,measured-temp,humidity,desired-temp,state,#,#,#,#,#,#
			</syntaxhighlight>

	Beispiel mit FhemSVG-Buttons:		Beispiel mit FhemSVG-Buttons:
			<syntaxhighlight lang="Perl">
	attr <device> webCmd climacontrol		attr <device> webCmd climacontrol
	attr <device> widgetOverride climacontrol:controlminidash,measured-temp,humidity,desired-temp,state,sani_heating_manual@controlMode.manual,rc_MINUS@temp-5,sani_heating_boost@boost,sani_heating_automatic@controlMode.automatic,rc_PLUS@temp+5,sani_heating_mode@night_day'		attr <device> widgetOverride climacontrol:controlminidash,measured-temp,humidity,desired-temp,state,sani_heating_manual@controlMode.manual,rc_MINUS@temp-5,sani_heating_boost@boost,sani_heating_automatic@controlMode.automatic,rc_PLUS@temp+5,sani_heating_mode@night_day'
			</syntaxhighlight>

	Wenn im Device keine Luftfeuchte/Humidity vorhanden ist, kann diese mit # an der dritten Position ausgeblendet werden.		Wenn im Device keine Luftfeuchte/Humidity vorhanden ist, kann diese mit # an der dritten Position ausgeblendet werden.
			<syntaxhighlight lang="Perl">
	attr HmIP_KLHR_STHD webCmd controlMD auto:manu:boost:on:off		attr HmIP_KLHR_STHD webCmd controlMD auto:manu:boost:on:off
	attr HmIP_KLHR_STHD widgetOverride controlMD:controlminidash,measured-temp,#,desired-temp,HEATING_COOLING,#,#,#,#,#,#		attr HmIP_KLHR_STHD widgetOverride controlMD:controlminidash,measured-temp,#,desired-temp,HEATING_COOLING,#,#,#,#,#,#
			</syntaxhighlight>

	=== Parameterübersicht ===		=== Parameterübersicht ===
Zeile 99:		Zeile 101:
	Beispiel-Definition:		Beispiel-Definition:

			<syntaxhighlight lang="Perl">
	defmod widgetControlUserAttr dummy		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 userattr btn1Cmd btn1Color btn1Icon btn2Cmd btn2Color btn2Icon btn3Cmd btn3Color btn3Icon btn4Cmd btn4Color btn4Icon btn5Cmd btn5Color btn5Icon btn6Cmd btn6Color btn6Icon
Zeile 129:		Zeile 132:
	setstate widgetControlUserAttr 2025-11-30 11:42:48 measured-temp 19		setstate widgetControlUserAttr 2025-11-30 11:42:48 measured-temp 19
	setstate widgetControlUserAttr 2025-11-30 11:51:21 state heating		setstate widgetControlUserAttr 2025-11-30 11:51:21 state heating
			</syntaxhighlight>

	=== Mit DOIF diverse Widgets in einem Table zusammenfassen ===		=== Mit DOIF diverse Widgets in einem Table zusammenfassen ===

			<syntaxhighlight lang="Perl">
	defmod di_widget DOIF ##		defmod di_widget DOIF ##
	attr di_widget room Test		attr di_widget room Test
Zeile 145:		Zeile 149:
	widget([TH_Keller_HM:desired-temp],$_param,$_set)\|\		widget([TH_Keller_HM:desired-temp],$_param,$_set)\|\
	widget([TH_Bad_HM:desired-temp],$_param,$_set)		widget([TH_Bad_HM:desired-temp],$_param,$_set)
			</syntaxhighlight>

			[[Kategorie:FHEM Frontends]]

Schwatter: /* Parameterübersicht */

2025-12-05T22:20:16Z

Parameterübersicht

← Nächstältere Version		Version vom 6. Dezember 2025, 00:20 Uhr
Zeile 81:		Zeile 81:
	\| Das Reading ist frei wählbar.		\| Das Reading ist frei wählbar.
	\|-		\|-
	\| <code>btnXIcon / btnXCmd </code>		\| <code>btnXIcon@btnXCmd </code>
	\| Button-Attribute		\| Button-Attribute
	\| Individuelle Definition von Icon und Befehl für die sechs möglichen Buttons.		\| Individuelle Definition von Icon und Befehl für die sechs möglichen Buttons.

Schwatter: Die Seite wurde neu angelegt: „Datei:Controlminidash.png == ControlMiniDash – kompaktes Dashboard-Widget == Dieses Widget stellt ein kompaktes Dashboard bereit, das direkt in einem Device 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 Solltemperatu…“

2025-12-04T08:59:44Z

Die Seite wurde neu angelegt: „Datei:Controlminidash.png == ControlMiniDash – kompaktes Dashboard-Widget == Dieses Widget stellt ein kompaktes Dashboard bereit, das direkt in einem Device 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 Solltemperatu…“

Neue Seite

[[Datei:Controlminidash.png]]
== ControlMiniDash – kompaktes Dashboard-Widget ==

Dieses Widget stellt ein kompaktes Dashboard bereit, das direkt in einem Device 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 ===
Forenthread zum [https://forum.fhem.de/index.php?topic=142831.0 ControlMiniDash Widget]

=== 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 <code>webCmd</code> und <code>widgetOverride</code> aktiviert.

Beispiel ohne Buttons:

attr <device> webCmd climacontrol
attr <device> widgetOverride climacontrol:controlminidash,measured-temp,humidity,desired-temp,state,#,#,#,#,#,#

Beispiel mit FhemSVG-Buttons:

attr <device> webCmd climacontrol
attr <device> widgetOverride climacontrol:controlminidash,measured-temp,humidity,desired-temp,state,sani_heating_manual@controlMode.manual,rc_MINUS@temp-5,sani_heating_boost@boost,sani_heating_automatic@controlMode.automatic,rc_PLUS@temp+5,sani_heating_mode@night_day'

Wenn im Device keine Luftfeuchte/Humidity vorhanden ist, kann diese mit # an der dritten Position ausgeblendet werden.

attr HmIP_KLHR_STHD webCmd controlMD auto:manu:boost:on:off
attr HmIP_KLHR_STHD widgetOverride controlMD:controlminidash,measured-temp,#,desired-temp,HEATING_COOLING,#,#,#,#,#,#

=== Parameterübersicht ===

{| class="wikitable"
! Abschnitt
! Bedeutung
! Beschreibung
|-
| <code><beliebigerName></code>
| webCmd-Zuweisung
| Gibt an, welches <code>webCmd</code> das Widget repräsentiert.
|-
| <code>controlminidash</code>
| Widget-Typ
| Aktiviert das Dashboard-Widget.
|-
| <code>measured-temp</code>
| Reading
| Anzeige der gemessenen Temperatur.
|-
| <code>humidity</code>
| Reading
| Anzeige der Luftfeuchtigkeit. Nicht vorhanden → mit <code>#</code> deaktivieren.
|-
| <code>desired-temp</code>
| Reading / Setter
| Anzeige und Steuerung der Solltemperatur.
|-
| <code>state</code>
| Anzeige eines Status- oder Textfelds.
| Das Reading ist frei wählbar.
|-
| <code>btnXIcon / btnXCmd </code>
| Button-Attribute
| Individuelle Definition von Icon und Befehl für die sechs möglichen Buttons.
Beispiel:sani_heating_automatic@controlMode.automatic
|-
| <code>#</code>
| Button ausblenden
| Beispiel:
<code>climacontrol:controlminidash,measured-temp,humidity,desired-temp,state,#,#,#,#,#,#</code>
|}

=== 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,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,humidity,desired-temp,state,sani_heating_manual@controlMode.manual,rc_MINUS@temp-5,sani_heating_boost@boost,sani_heating_automatic@controlMode.automatic,rc_PLUS@temp+5,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)