DOIF/uiTable Anwendung - Versionsgeschichte

Damian-s: /* Visualisierung: Energiefluss als Energie-Karte */

2026-10-18T18:27:30Z

Visualisierung: Energiefluss als Energie-Karte

← Nächstältere Version		Version vom 18. Oktober 2026, 20:27 Uhr
Zeile 640:		Zeile 640:
	''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''		''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''
	[[Datei:uiTable_energy_card.gif\|ohne]]		[[Datei:uiTable_energy_card.gif\|ohne]]

	<syntaxhighlight lang="perl">		<syntaxhighlight lang="perl">
	defmod di_energy_card DOIF subs {\		defmod di_energy_card DOIF subs {\
			package energy_card;;\
	## Leistungangaben in kW, \		## Leistungangaben in kW, \
	$_grid_power_max=3.6;; # maximale Bezug/Einspeise-Leistung\		$_grid_power_max=3.6;; # maximale Bezug/Einspeise-Leistung\
Zeile 653:		Zeile 653:
	$_solar_energy_max=30;; # maximale PV Energie pro Tag\		$_solar_energy_max=30;; # maximale PV Energie pro Tag\
	$_home_energy_max=20;; # maximale Verbrauch pro Tag\		$_home_energy_max=20;; # maximale Verbrauch pro Tag\
	\
	~~package ui_Table;;\~~
	\		\
	sub move {\		sub move {\
Zeile 754:		Zeile 752:
	my ($power,$feed,$consum)=@_;;\		my ($power,$feed,$consum)=@_;;\
	\		\
	move(2,2,hcard {header=>"Netz",icon=>"scene_power_grid\@silver",rInnerRing=>"innerring",rMode=>"negzeropos",steps=>"steps",\		move(2,2,ui_Table::hcard {header=>"Netz",icon=>"scene_power_grid\@silver",rInnerRing=>"innerring",rMode=>"negzeropos",steps=>"steps",\
	left=>{collect=>$power,min=>-$_grid_power_max,max=>$_grid_power_max,decimal=>3,\		left=>{collect=>$power,min=>-$_grid_power_max,max=>$_grid_power_max,decimal=>3,\
	colorRef=>[(-0.33$_grid_power_max,20,-0.01,40,0.33$_grid_power_max,65,$_grid_power_max,85)],styleDesc=>"",desc=>" kW"},\		colorRef=>[(-0.33$_grid_power_max,20,-0.001,40,0.33$_grid_power_max,65,$_grid_power_max,85)],styleDesc=>"",desc=>" kW"},\
	top=>[{value=>$feed,min=>0,max=>$_grid_energy_feed_max,minColor=>60,maxColor=>90,desc=>"Einsp.", unit=>" kwh"},\		top=>[{value=>$feed,min=>0,max=>$_grid_energy_feed_max,minColor=>60,maxColor=>90,desc=>"Einsp.", unit=>" kwh"},\
	{value=>$consum,min=>0,max=>$_grid_energy_consum_max,minColor=>40,maxColor=>10,desc=>"Bezug.", unit=>" kwh"}]\		{value=>$consum,min=>0,max=>$_grid_energy_consum_max,minColor=>40,maxColor=>10,desc=>"Bezug.", unit=>" kwh"}]\
Zeile 765:		Zeile 763:
	sub self {\		sub self {\
	my ($autark,$EVG)=@_;;\		my ($autark,$EVG)=@_;;\
	move(200,151,ring2($autark,0,100,undef,undef,"Autarkie",120,[(33.3,40,66.6,65,100,85)],"0,,fill:silver, %",$EVG,0,100,190,170,"EVQ",undef,"0,,fill:silver, %",undef,undef,"nogradient,,innerring,nopointer"))\		move(200,151,ui_Table::ring2($autark,0,100,undef,undef,"Autarkie",120,[(33.3,40,66.6,65,100,85)],"0,,fill:silver, %",$EVG,0,100,190,170,"EVQ",undef,"0,,fill:silver, %",undef,undef,"nogradient,,innerring,nopointer"))\
	}\		}\
	sub solar { \		sub solar { \
	my ($power,$energy,$self_energy)=@_;; \		my ($power,$energy,$self_energy)=@_;; \
	\		\
	move(237,2,hcard {header=>"PV",icon=>"solar_icon\@silver",rInnerRing=>"innerring",steps=>"steps",\		move(237,2,ui_Table::hcard {header=>"PV",icon=>"solar_icon\@silver",rInnerRing=>"innerring",steps=>"steps",\
	left=>{collect=>$power,min=>0,max=>$_solar_power_max,decimal=>3,minColor=>60,maxColor=>90,styleDesc=>"",desc=>" kW"},\		left=>{collect=>$power,min=>0,max=>$_solar_power_max,decimal=>3,minColor=>60,maxColor=>90,styleDesc=>"",desc=>" kW"},\
	top=>[{value=>$self_energy,min=>0,max=>$_solar_energy_max,minColor=>60,maxColor=>90,desc=>"Eigen.", unit=>" kwh"},\		top=>[{value=>$self_energy,min=>0,max=>$_solar_energy_max,minColor=>60,maxColor=>90,desc=>"Eigen.", unit=>" kwh"},\
Zeile 781:		Zeile 779:
	my ($power,$consum)=@_;; \		my ($power,$consum)=@_;; \
	\		\
	move(2,222,hcard {header=>"Haus",icon=>"fa_home\@silver",rInnerRing=>"innerring",steps=>"steps",\		move(2,222,ui_Table::hcard {header=>"Haus",icon=>"fa_home\@silver",rInnerRing=>"innerring",steps=>"steps",\
	left=>{collect=>$power,min=>0,max=>,$_home_power_max,decimal=>3,minColor=>40,maxColor=>10,styleDesc=>"",desc=>" kW"},\		left=>{collect=>$power,min=>0,max=>,$_home_power_max,decimal=>3,minColor=>40,maxColor=>10,styleDesc=>"",desc=>" kW"},\
	top=>[{value=>$consum,min=>0,max=>,$_home_energy_max,minColor=>40,maxColor=>10,desc=>"Verbr.",unit=>" kwh"}]\		top=>[{value=>$consum,min=>0,max=>,$_home_energy_max,minColor=>40,maxColor=>10,desc=>"Verbr.",unit=>" kwh"}]\
Zeile 790:		Zeile 788:
	my ($power,$cap)=@_;;\		my ($power,$cap)=@_;;\
	\		\
	move(237,222,hcard {header=>"Speicher",icon=>"battery_100\@silver",rInnerRing=>"innerring",steps=>"steps",rMode=>"negzeropos",\		move(237,222,ui_Table::hcard {header=>"Speicher",icon=>"battery_100\@silver",rInnerRing=>"innerring",steps=>"steps",rMode=>"negzeropos",\
	left=>{collect=>$power,min=>-$_battery_power_max,max=>$_battery_power_max,decimal=>3,colorRef=>[(-0.0001,200,$_battery_power_max,160)],\		left=>{collect=>$power,min=>-$_battery_power_max,max=>$_battery_power_max,decimal=>3,colorRef=>[(-0.0001,200,$_battery_power_max,160)],\
	styleDesc=>"",desc=>" kW"},\		styleDesc=>"",desc=>" kW"},\
Zeile 798:		Zeile 796:
	}\		}\
	} # subs		} # subs
	attr di_energy_card DOIF_Readings grid_power: [MQTT2_DVES_C58DCB:~~power_fc~~] ## Leistung Netz Einspeisung kW negativ Bezug kW,\		attr di_energy_card DOIF_Readings grid_power: -[MQTT2_DVES_C58DCB:SENSOR_MT681_Power_cur]/1000 ## Leistung Netz Einspeisung kW negativ Bezug kW,\
	grid_energy_feed: [di_counter_new:MQTT2_DVES_C58DCB.total_f.day] ## Energie Einspeisung kWh,\		grid_energy_feed: [di_counter_new:MQTT2_DVES_C58DCB.total_f.day] ## Energie Einspeisung kWh,\
	grid_energy_consum: [di_counter_new:MQTT2_DVES_C58DCB.total_c_positiv.day],\		grid_energy_consum: [di_counter_new:MQTT2_DVES_C58DCB.total_c_positiv.day],\
	solar_power: [~~MQTT2_DVES_C58DCB~~:power_pv] ## Leistung PV kW,\		solar_power: [MQTT2_sbfspot:power_pv] ## Leistung PV kW,\
	solar_energy: [di_counter_new:MQTT2_DVES_C58DCB.total_pv.day] ## Energie PV kWh,\		solar_energy: [di_counter_new:MQTT2_DVES_C58DCB.total_pv.day] ## Energie PV kWh,\
	solar_self_energy: [di_counter_new:MQTT2_DVES_C58DCB.total_pv.day]-[di_counter_new:MQTT2_DVES_C58DCB.total_f.day] ## Eigenverbrauch PV kWh,\		solar_self_energy: [di_counter_new:MQTT2_DVES_C58DCB.total_pv.day]-[di_counter_new:MQTT2_DVES_C58DCB.total_f.day] ## Eigenverbrauch PV kWh,\
	~~home_power: ([MQTT2_DVES_C58DCB:power_home_c] < 0 ? undef:int([MQTT2_DVES_C58DCB:power_home_c]*1000)/1000) ## Leistung Haus kW,\~~
	home_energy: [di_counter_new:MQTT2_DVES_C58DCB.total_home_c.day] ## Energie Haus kWh,\		home_energy: [di_counter_new:MQTT2_DVES_C58DCB.total_home_c.day] ## Energie Haus kWh,\
	~~battery_power~~: ~~int(~~([~~MQTT2_DVES_C58DCB~~:~~battery_charge~~]-[~~MQTT2_DVES_C58DCB~~:~~battery_discharge~~])*1000)/1000## Leistung ~~Speicher~~ kW,\		battery-energy: ([ecoflowStreamACpro:quota_accuChgEnergy]-[ecoflowStreamACpro:quota_accuDsgEnergy]) ## Energie in kWh,\
			battery_power: int([ecoflowStreamACpro:quota_powGetBpCms])/1000 ## Leistung in kW,\
			home_power: [$SELF:solar_power]-[$SELF:grid_power]-[$SELF:battery_power] ## Leistung Haus kW,\
	battery_capa: [ecoflowStreamACpro:quota_soc] ## Kapazität Speicher % (gesammelt für Card),\		battery_capa: [ecoflowStreamACpro:quota_soc] ## Kapazität Speicher % (gesammelt für Card),\
	autarchy:([di_counter_new:MQTT2_DVES_C58DCB.total_pv.month]-[di_counter_new:MQTT2_DVES_C58DCB.total_f.month])/[di_counter_new:MQTT2_DVES_C58DCB.total_consum.month]*100 ## Autarkie %,\		autarchy:([di_counter_new:MQTT2_DVES_C58DCB.total_pv.month]-[di_counter_new:MQTT2_DVES_C58DCB.total_f.month])/[di_counter_new:MQTT2_DVES_C58DCB.total_consum.month]*100 ## Autarkie %,\
Zeile 816:		Zeile 815:
	\		\
	## Energy_card kann über das Attribut zoom skalliert werden\		## Energy_card kann über das Attribut zoom skalliert werden\
			\
	\		\
	$TABLE = 'zoom: 1;; width: 473px;; height: 384px;; text-align: left;; vertical-align: top;; border-radius:0%;; position:relative;; background: linear-gradient(to bottom, rgb(40,40,40), rgb(60, 60, 60));; ';;\		$TABLE = 'zoom: 1;; width: 473px;; height: 384px;; text-align: left;; vertical-align: top;; border-radius:0%;; position:relative;; background: linear-gradient(to bottom, rgb(40,40,40), rgb(60, 60, 60));; ';;\
	\		\
	package ~~ui_Table~~;;\		package energy_card;;\
	\		\
	} ## end of perl area\		} ## end of perl area\

Damian-s: /* Visualisierung: Energiefluss als Energie-Karte */

2026-09-27T19:26:06Z

Visualisierung: Energiefluss als Energie-Karte

← Nächstältere Version		Version vom 27. September 2026, 21:26 Uhr
Zeile 754:		Zeile 754:
	my ($power,$feed,$consum)=@_;;\		my ($power,$feed,$consum)=@_;;\
	\		\
	move(2,2,hcard({header=>"Netz",icon=>"scene_power_grid\@silver",rInnerRing=>"innerring",rMode=>"negzeropos",steps=>"steps",\		move(2,2,hcard {header=>"Netz",icon=>"scene_power_grid\@silver",rInnerRing=>"innerring",rMode=>"negzeropos",steps=>"steps",\
	left=>{collect=>$power,min=>-$_grid_power_max,max=>$_grid_power_max,decimal=>3,\		left=>{collect=>$power,min=>-$_grid_power_max,max=>$_grid_power_max,decimal=>3,\
	colorRef=>[(-0.33$_grid_power_max,20,-0.01,40,0.33$_grid_power_max,65,$_grid_power_max,85)],styleDesc=>"",desc=>" kW"},\		colorRef=>[(-0.33$_grid_power_max,20,-0.01,40,0.33$_grid_power_max,65,$_grid_power_max,85)],styleDesc=>"",desc=>" kW"},\
	top=>[{value=>$feed,min=>0,max=>$_grid_energy_feed_max,minColor=>60,maxColor=>90,desc=>"Einsp.", unit=>" kwh"},\		top=>[{value=>$feed,min=>0,max=>$_grid_energy_feed_max,minColor=>60,maxColor=>90,desc=>"Einsp.", unit=>" kwh"},\
	{value=>$consum,min=>0,max=>$_grid_energy_consum_max,minColor=>40,maxColor=>10,desc=>"Bezug.", unit=>" kwh"}]\		{value=>$consum,min=>0,max=>$_grid_energy_consum_max,minColor=>40,maxColor=>10,desc=>"Bezug.", unit=>" kwh"}]\
	}));;\		});;\
	\		\
	}\		}\
Zeile 770:		Zeile 770:
	my ($power,$energy,$self_energy)=@_;; \		my ($power,$energy,$self_energy)=@_;; \
	\		\
	move(237,2,hcard({header=>"PV",icon=>"solar_icon\@silver",rInnerRing=>"innerring",steps=>"steps",\		move(237,2,hcard {header=>"PV",icon=>"solar_icon\@silver",rInnerRing=>"innerring",steps=>"steps",\
	left=>{collect=>$power,min=>0,max=>$_solar_power_max,decimal=>3,minColor=>60,maxColor=>90,styleDesc=>"",desc=>" kW"},\		left=>{collect=>$power,min=>0,max=>$_solar_power_max,decimal=>3,minColor=>60,maxColor=>90,styleDesc=>"",desc=>" kW"},\
	top=>[{value=>$self_energy,min=>0,max=>$_solar_energy_max,minColor=>60,maxColor=>90,desc=>"Eigen.", unit=>" kwh"},\		top=>[{value=>$self_energy,min=>0,max=>$_solar_energy_max,minColor=>60,maxColor=>90,desc=>"Eigen.", unit=>" kwh"},\
	{value=>$energy,min=>0,max=>$_solar_energy_max,minColor=>60,maxColor=>90,desc=>"Erzeug.", unit=>" kwh"}]\		{value=>$energy,min=>0,max=>$_solar_energy_max,minColor=>60,maxColor=>90,desc=>"Erzeug.", unit=>" kwh"}]\
	}));;\		});;\
	\		\
	}\		}\
Zeile 781:		Zeile 781:
	my ($power,$consum)=@_;; \		my ($power,$consum)=@_;; \
	\		\
	move(2,222,hcard({header=>"Haus",icon=>"fa_home\@silver",rInnerRing=>"innerring",steps=>"steps",\		move(2,222,hcard {header=>"Haus",icon=>"fa_home\@silver",rInnerRing=>"innerring",steps=>"steps",\
	left=>{collect=>$power,min=>0,max=>,$_home_power_max,decimal=>3,minColor=>40,maxColor=>10,styleDesc=>"",desc=>" kW"},\		left=>{collect=>$power,min=>0,max=>,$_home_power_max,decimal=>3,minColor=>40,maxColor=>10,styleDesc=>"",desc=>" kW"},\
	top=>[{value=>$consum,min=>0,max=>,$_home_energy_max,minColor=>40,maxColor=>10,desc=>"Verbr.",unit=>" kwh"}]\		top=>[{value=>$consum,min=>0,max=>,$_home_energy_max,minColor=>40,maxColor=>10,desc=>"Verbr.",unit=>" kwh"}]\
	}));;\		});;\
	}\		}\
	\		\
Zeile 790:		Zeile 790:
	my ($power,$cap)=@_;;\		my ($power,$cap)=@_;;\
	\		\
	move(237,222,hcard({header=>"Speicher",icon=>"battery_100\@silver",rInnerRing=>"innerring",steps=>"steps",rMode=>"negzeropos",\		move(237,222,hcard {header=>"Speicher",icon=>"battery_100\@silver",rInnerRing=>"innerring",steps=>"steps",rMode=>"negzeropos",\
	left=>{collect=>$power,min=>-$_battery_power_max,max=>$_battery_power_max,decimal=>3,colorRef=>[(-0.0001,200,$_battery_power_max,160)],\		left=>{collect=>$power,min=>-$_battery_power_max,max=>$_battery_power_max,decimal=>3,colorRef=>[(-0.0001,200,$_battery_power_max,160)],\
	styleDesc=>"",desc=>" kW"},\		styleDesc=>"",desc=>" kW"},\
	right=>{collect=>$cap,min=>0,max=>100,minColor=>0,maxColor=>90,decimal=>0,desc=>"Kapaz.",unit=>" %"}\		right=>{collect=>$cap,min=>0,max=>100,minColor=>0,maxColor=>90,decimal=>0,desc=>"Kapaz.",unit=>" %"}\
	}));;\		});;\
	\		\
	}\		}\

Damian-s: /* Visualisierung: aktueller Spritpreis */

2026-09-27T18:18:21Z

Visualisierung: aktueller Spritpreis

← Nächstältere Version		Version vom 27. September 2026, 20:18 Uhr
Zeile 325:		Zeile 325:
	defmod sprit DOIF ##		defmod sprit DOIF ##
	attr sprit uiTable {package ui_Table;;}\		attr sprit uiTable {package ui_Table;;}\
	hcard({icon=>"fuel\@silver",steps=>1,		hcard {icon=>"fuel\@silver",steps=>1,
	left=>{collect=>[[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],min=>1.80,max=>2.50,minColor=>120,maxColor=>0,desc=>["E10","Diesel"],decimal=>2,unit=>" €"}})		left=>{collect=>[[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],min=>1.80,max=>2.50,minColor=>120,maxColor=>0,desc=>["E10","Diesel"],decimal=>2,unit=>" €"}}
	</syntaxhighlight>		</syntaxhighlight>

Damian-s: /* Visualisierung: Wetterstation */

2026-09-27T18:17:23Z

Visualisierung: Wetterstation

Damian-s: /* Visualisierung: Wetterstation */

2026-09-27T18:16:26Z

Visualisierung: Wetterstation

Damian-s: /* Visualisierung: Wetterstation */

2026-09-27T13:46:04Z

Visualisierung: Wetterstation

← Nächstältere Version		Version vom 27. September 2026, 15:46 Uhr
Zeile 198:		Zeile 198:
	Die vorgestellte Lösung funktioniert ohne Anmeldung beim Wetterdienst und ohne Nutzung von API.		Die vorgestellte Lösung funktioniert ohne Anmeldung beim Wetterdienst und ohne Nutzung von API.
	Über den Wetterdienst: https://www.wunderground.com/ werden sehr viele private Wifi-Wetterstationen eingebunden. Das kann man sich zunutze machen, indem man zunächst in seiner Umgebung nach Wetterstationen des Dienstes sucht - oft findet man im Umkreis von wenigen Kilometern schon einige Stationen, die rege Wetterdaten liefern. Danach definiert man über HTTPMOD seine Station und visualisiert diese anschließend.		Über den Wetterdienst: https://www.wunderground.com/ werden sehr viele private Wifi-Wetterstationen eingebunden. Das kann man sich zunutze machen, indem man zunächst in seiner Umgebung nach Wetterstationen des Dienstes sucht - oft findet man im Umkreis von wenigen Kilometern schon einige Stationen, die rege Wetterdaten liefern. Danach definiert man über HTTPMOD seine Station und visualisiert diese anschließend.

	~~''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''~~
	~~[[Datei:UiTable ringwetter.png\|600px\|ohne]]~~

	Definition einer Station in der Nachbarschaft. <StationsID> muss gegen die korrekte Stationsnummer ersetzt werden.		Definition einer Station in der Nachbarschaft. <StationsID> muss gegen die korrekte Stationsnummer ersetzt werden.
Zeile 244:		Zeile 241:

	Nun erfolgt die Visualisierung der Daten.		Nun erfolgt die Visualisierung der Daten.

			''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''
			[[Datei:UiTable ringwetter.png\|600px\|ohne]]

	<syntaxhighlight lang="perl">		<syntaxhighlight lang="perl">

Damian-s: /* Visualisierung: aktueller Spritpreis */

2026-09-27T11:21:38Z

Visualisierung: aktueller Spritpreis

← Nächstältere Version		Version vom 27. September 2026, 13:21 Uhr
Zeile 317:		Zeile 317:
	</syntaxhighlight>		</syntaxhighlight>

	Visualisierung der Preisentwicklung der letzten ~~24 Stunden~~:		Visualisierung der Preisentwicklung der letzten 3 Tage:

	''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''		''Ergebnis des unteren Anwendungsbeispiels in der Webansicht:''

Damian-s: /* Visualisierung: aktueller Spritpreis */

2026-09-27T11:20:08Z

Visualisierung: aktueller Spritpreis

← Nächstältere Version		Version vom 27. September 2026, 13:20 Uhr
Zeile 325:		Zeile 325:
	defmod sprit DOIF ##		defmod sprit DOIF ##
	attr sprit uiTable {package ui_Table;;}\		attr sprit uiTable {package ui_Table;;}\
	~~card~~([[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],~~undef,"fuel\@silver",~~1.40,1.9,120,0,["E10","Diesel"],~~undef~~,"~~2,,fill:silver,~~ €"~~,"130,autoscaling,steps,footer,ycolor,ring,200",undef,undef~~)		hcard({icon=>"fuel\@silver",steps=>1,
			left=>{collect=>[[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],min=>1.80,max=>2.50,minColor=>120,maxColor=>0,desc=>["E10","Diesel"],decimal=>2,unit=>" €"}})
	</syntaxhighlight>		</syntaxhighlight>

Damian-s: /* Visualisierung: aktueller Spritpreis */

2026-09-27T11:17:58Z

Visualisierung: aktueller Spritpreis

← Nächstältere Version		Version vom 27. September 2026, 13:17 Uhr
Zeile 292:		Zeile 292:
	{{Randnotiz\|RNText='''nützliche Links'''		{{Randnotiz\|RNText='''nützliche Links'''
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#ring-Funktionen\|ring]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#ring-Funktionen\|ring]]
	* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#~~Anzeige_eines_Werteverlaufs_und_des_aktuellen_Wertes_mit_Hilfe_der_SVG~~-~~Funktion_card~~\|~~card~~]]		* svg-Funktion [[DOIF/uiTable_Schnelleinstieg#Darstellung_des_zeitlichen_Werteverlaufs_mit_der_SVG-Funktion_hcard\|hcard]]
	* Tankstelle bestimmen [https://www.clever-tanken.de/ Clever tanken]		* Tankstelle bestimmen [https://www.clever-tanken.de/ Clever tanken]
	* Modul [[HTTPMOD]]		* Modul [[HTTPMOD]]

Damian-s: /* Visualisierung: aktuelle Corona-7-Tage-Inzidenz */

2026-09-27T11:17:11Z

Visualisierung: aktuelle Corona-7-Tage-Inzidenz

@@ Zeile 327: / Zeile 327: @@
 card([[Tankstelle:SuperE5:col3d],[Tankstelle:Diesel:col3d]],undef,"fuel\@silver",1.40,1.9,120,0,["E10","Diesel"],undef,"2,,fill:silver, €","130,autoscaling,steps,footer,ycolor,ring,200",undef,undef)
 </syntaxhighlight>
 === '' Visualisierung und Steuerung: '''Heiztherme''''' ===

← Nächstältere Version		Version vom 27. September 2026, 20:17 Uhr
Zeile 270:		Zeile 270:
	attr di_Wetter uiTable {package ui_Table;;}\		attr di_Wetter uiTable {package ui_Table;;}\
	\		\
	hcard{header=>"Außentemperatur",model=>"tempOut",ring=>"halfring",left=>{collect=>[Wetter:TemperaturC:col1d]}})\|\		hcard {header=>"Außentemperatur",model=>"tempOut",ring=>"halfring",left=>{collect=>[Wetter:TemperaturC:col1d]}})\|\
	hcard{header=>"gefühlte Temperatur",model=>"tempOut",ring=>"halfring",icon=>"temp_windchill\@silver",\		hcard {header=>"gefühlte Temperatur",model=>"tempOut",ring=>"halfring",icon=>"temp_windchill\@silver",\
	left=>{collect=>[Wetter:TemperaturGefuehltC:col1d]}}\		left=>{collect=>[Wetter:TemperaturGefuehltC:col1d]}}\
	hcard{header=>"Taupunkttemperatur",model=>"tempOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\		hcard {header=>"Taupunkttemperatur",model=>"tempOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\
	left=>{collect=>[Wetter:TaupunktTempC:col1d]}}\|\		left=>{collect=>[Wetter:TaupunktTempC:col1d]}}\|\
	hcard{header=>"Außenfeuchtigkeit",model=>"humOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\		hcard {header=>"Außenfeuchtigkeit",model=>"humOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\
	left=>{collect=>[Wetter:Feuchtigkeit:col1d]}}\		left=>{collect=>[Wetter:Feuchtigkeit:col1d]}}\
	hcard{header=>"Wind",model=>"wind",ring=>"halfring",\		hcard {header=>"Wind",model=>"wind",ring=>"halfring",\
	icon=>[Wetter:WindKm] > 0 ? "wind\@silver".",1,0,0,".([Wetter:Windrichtung]):"no_wind\@silver",\		icon=>[Wetter:WindKm] > 0 ? "wind\@silver".",1,0,0,".([Wetter:Windrichtung]):"no_wind\@silver",\
	left=>{collect=>[Wetter:WindKm:col1d]}}\|\		left=>{collect=>[Wetter:WindKm:col1d]}}\|\
	hcard{header=>"Windböen",model=>"wind",ring=>"halfring",left=>{collect=>[Wetter:WindboeenKm:col1d]}}\		hcard {header=>"Windböen",model=>"wind",ring=>"halfring",left=>{collect=>[Wetter:WindboeenKm:col1d]}}\
	hcard{header=>"Regen",model=>"rain",ring=>"halfring",left=>{collect=>[Wetter:RegenMm:col1d]}}\|\		hcard {header=>"Regen",model=>"rain",ring=>"halfring",left=>{collect=>[Wetter:RegenMm:col1d]}}\|\
	hcard{header=>"Regengesamt",model=>"rainSum",ring=>"halfring",left=>{collect=>[Wetter:RegenGesamtMm:col1d]}}\		hcard {header=>"Regengesamt",model=>"rainSum",ring=>"halfring",left=>{collect=>[Wetter:RegenGesamtMm:col1d]}}\
	hcard{header=>"Sonnenstrahlung",model=>"solar",ring=>"halfring",left=>{collect=>[Wetter:Sonnenstrahlung:col1d]}}\|\		hcard {header=>"Sonnenstrahlung",model=>"solar",ring=>"halfring",left=>{collect=>[Wetter:Sonnenstrahlung:col1d]}}\|\
	hcard{header=>"Luftdruck",model=>"barometer",ring=>"halfring",left=>{collect=>[Wetter:LuftdruckHpa:col1d]}}		hcard {header=>"Luftdruck",model=>"barometer",ring=>"halfring",left=>{collect=>[Wetter:LuftdruckHpa:col1d]}}
	</syntaxhighlight>		</syntaxhighlight>

← Nächstältere Version		Version vom 27. September 2026, 20:16 Uhr
Zeile 270:		Zeile 270:
	attr di_Wetter uiTable {package ui_Table;;}\		attr di_Wetter uiTable {package ui_Table;;}\
	\		\
	hcard({header=>"Außentemperatur",model=>"tempOut",ring=>"halfring",left=>{collect=>[Wetter:TemperaturC:col1d]}})\|\		hcard{header=>"Außentemperatur",model=>"tempOut",ring=>"halfring",left=>{collect=>[Wetter:TemperaturC:col1d]}})\|\
	hcard({header=>"gefühlte Temperatur",model=>"tempOut",ring=>"halfring",icon=>"temp_windchill\@silver",\		hcard{header=>"gefühlte Temperatur",model=>"tempOut",ring=>"halfring",icon=>"temp_windchill\@silver",\
	left=>{collect=>[Wetter:TemperaturGefuehltC:col1d]}})\		left=>{collect=>[Wetter:TemperaturGefuehltC:col1d]}}\
	hcard({header=>"Taupunkttemperatur",model=>"tempOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\		hcard{header=>"Taupunkttemperatur",model=>"tempOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\
	left=>{collect=>[Wetter:TaupunktTempC:col1d]}})\|\		left=>{collect=>[Wetter:TaupunktTempC:col1d]}}\|\
	hcard({header=>"Außenfeuchtigkeit",model=>"humOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\		hcard{header=>"Außenfeuchtigkeit",model=>"humOut",ring=>"halfring",icon=>"temperature_humidity\@silver",\
	left=>{collect=>[Wetter:Feuchtigkeit:col1d]}})\		left=>{collect=>[Wetter:Feuchtigkeit:col1d]}}\
	hcard({header=>"Wind",model=>"wind",ring=>"halfring",\		hcard{header=>"Wind",model=>"wind",ring=>"halfring",\
	icon=>[Wetter:WindKm] > 0 ? "wind\@silver".",1,0,0,".([Wetter:Windrichtung]):"no_wind\@silver",\		icon=>[Wetter:WindKm] > 0 ? "wind\@silver".",1,0,0,".([Wetter:Windrichtung]):"no_wind\@silver",\
	left=>{collect=>[Wetter:WindKm:col1d]}})\|\		left=>{collect=>[Wetter:WindKm:col1d]}}\|\
	hcard({header=>"Windböen",model=>"wind",ring=>"halfring",left=>{collect=>[Wetter:WindboeenKm:col1d]}})\		hcard{header=>"Windböen",model=>"wind",ring=>"halfring",left=>{collect=>[Wetter:WindboeenKm:col1d]}}\
	hcard({header=>"Regen",model=>"rain",ring=>"halfring",left=>{collect=>[Wetter:RegenMm:col1d]}})\|\		hcard{header=>"Regen",model=>"rain",ring=>"halfring",left=>{collect=>[Wetter:RegenMm:col1d]}}\|\
	hcard({header=>"Regengesamt",model=>"rainSum",ring=>"halfring",left=>{collect=>[Wetter:RegenGesamtMm:col1d]}})\		hcard{header=>"Regengesamt",model=>"rainSum",ring=>"halfring",left=>{collect=>[Wetter:RegenGesamtMm:col1d]}}\
	hcard({header=>"Sonnenstrahlung",model=>"solar",ring=>"halfring",left=>{collect=>[Wetter:Sonnenstrahlung:col1d]}})\|\		hcard{header=>"Sonnenstrahlung",model=>"solar",ring=>"halfring",left=>{collect=>[Wetter:Sonnenstrahlung:col1d]}}\|\
	hcard({header=>"Luftdruck",model=>"barometer",ring=>"halfring",left=>{collect=>[Wetter:LuftdruckHpa:col1d]}})		hcard{header=>"Luftdruck",model=>"barometer",ring=>"halfring",left=>{collect=>[Wetter:LuftdruckHpa:col1d]}}
	</syntaxhighlight>		</syntaxhighlight>