FTUI Widget Klimatrend - Versionsgeschichte

Pahenning am 2. August 2024 um 15:36 Uhr

2024-08-02T15:36:17Z

← Nächstältere Version		Version vom 2. August 2024, 17:36 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Klimatrend Widget]] ist ein Widget für [[FHEM Tablet UI V]], mit dem Daten aus dem statistics-Modul von FHEM als Pfeile angezeigt werden können.		Das [[{{PAGENAME}}\|Klimatrend Widget]] ist ein Widget für [[FHEM Tablet UI V2]], mit dem Daten aus dem statistics-Modul von FHEM als Pfeile angezeigt werden können.

	<gallery>		<gallery>

Pahenning am 2. August 2024 um 15:00 Uhr

2024-08-02T15:00:07Z

← Nächstältere Version		Version vom 2. August 2024, 17:00 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Klimatrend Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem Daten aus dem statistics-Modul von FHEM als Pfeile angezeigt werden können.		Das [[{{PAGENAME}}\|Klimatrend Widget]] ist ein Widget für [[FHEM Tablet UI V]], mit dem Daten aus dem statistics-Modul von FHEM als Pfeile angezeigt werden können.

	<gallery>		<gallery>
Zeile 83:		Zeile 83:
	</syntaxhighlight>		</syntaxhighlight>

	[[Kategorie:FHEM Tablet UI\|Klimatrend]]		[[Kategorie:FHEM Tablet UI V2\|Klimatrend]]

Baumbuwe: catsort

2018-01-26T14:04:20Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 16:04 Uhr
Zeile 83:		Zeile 83:
	</syntaxhighlight>		</syntaxhighlight>

	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI\|Klimatrend]]

Markusbloch: Anpassung von -Tags nach

2017-07-26T17:57:58Z

Anpassung von <source>-Tags nach <syntaxhighlight>

← Nächstältere Version		Version vom 26. Juli 2017, 19:57 Uhr
Zeile 61:		Zeile 61:
	==Beispiele==		==Beispiele==

	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="klimatrend" data-device="W_HUMID" data-get="statTemperatureTendency"></div>		<div data-type="klimatrend" data-device="W_HUMID" data-get="statTemperatureTendency"></div>
	</~~source~~>		</syntaxhighlight>

	Dadurch wird (mit den Beispieldaten) ein leuchtend roter Doppelpfeil nach oben erzeugt, der einen steilen Anstieg der Temperatur in der letzten Stunde symbolisiert. Ein vollständiger HTML-Code mit allen möglichen Attributen:		Dadurch wird (mit den Beispieldaten) ein leuchtend roter Doppelpfeil nach oben erzeugt, der einen steilen Anstieg der Temperatur in der letzten Stunde symbolisiert. Ein vollständiger HTML-Code mit allen möglichen Attributen:

	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="klimatrend"		<div data-type="klimatrend"
	data-device="W_HUMID"		data-device="W_HUMID"
Zeile 81:		Zeile 81:
	data-highmark-falling-color="rgb(80,80,255)"		data-highmark-falling-color="rgb(80,80,255)"
	></div>		></div>
	</~~source~~>		</syntaxhighlight>

	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI]]

Drhirn: Kategorie hinzugefügt

2017-02-17T11:46:24Z

Kategorie hinzugefügt

← Nächstältere Version		Version vom 17. Februar 2017, 13:46 Uhr
Zeile 82:		Zeile 82:
	></div>		></div>
	</source>		</source>

			[[Kategorie:FHEM Tablet UI]]

Nobby1805: /* Attribute */

2017-02-17T11:13:34Z

Attribute

← Nächstältere Version		Version vom 17. Februar 2017, 13:13 Uhr
Zeile 18:		Zeile 18:
	\|-		\|-
	\|'''data-stagnation-color'''\|\|Farbcode für unveränderten Wert\|\|rgb(80,80,80)\|\|		\|'''data-stagnation-color'''\|\|Farbcode für unveränderten Wert\|\|rgb(80,80,80)\|\|
	\|-
	~~\|'''data-color'''\|\|Fester Wert oder Reading eines Devices für die Label-Farbe\|\|\|\|data-color="red"~~
	\|-		\|-
	\|'''data-icon'''\|\|Font-Awesome-Icon das zur Darstellung benutzt werden soll\|\|fa-angle\|\|		\|'''data-icon'''\|\|Font-Awesome-Icon das zur Darstellung benutzt werden soll\|\|fa-angle\|\|

Nobby1805 am 17. Februar 2017 um 11:11 Uhr

2017-02-17T11:11:50Z

← Nächstältere Version		Version vom 17. Februar 2017, 13:11 Uhr
Zeile 4:		Zeile 4:
	File:FTUI_Widget_Klimatrend_01.png		File:FTUI_Widget_Klimatrend_01.png
	File:FTUI_Widget_Klimatrend_02.png		File:FTUI_Widget_Klimatrend_02.png
	~~File:FTUI_Widget_Klimatrend_03.png~~
	</gallery>		</gallery>

Nobby1805: Die Seite wurde neu angelegt: „Das Klimatrend Widget ist ein Widget für FHEM Tablet UI, mit dem Daten aus dem statistics-Modul von FHEM als Pfeile angezeigt werden kön…“

2017-02-17T11:01:23Z

Die Seite wurde neu angelegt: „Das [[{{PAGENAME}}|Klimatrend Widget]] ist ein Widget für FHEM Tablet UI, mit dem Daten aus dem statistics-Modul von FHEM als Pfeile angezeigt werden kön…“

Neue Seite

Das [[{{PAGENAME}}|Klimatrend Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem Daten aus dem statistics-Modul von FHEM als Pfeile angezeigt werden können.

<gallery>
File:FTUI_Widget_Klimatrend_01.png
File:FTUI_Widget_Klimatrend_02.png
File:FTUI_Widget_Klimatrend_03.png
</gallery>

==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-get'''||Name des Readings mit statistics-Werten. Default ist "statTemperatureTendency". Die Standardbelegung für data-get funktioniert derzeit nur, wenn ein gleichnamiges Reading auch einmal explizit im HTML-Code notiert wird. ||||data-get="measured-temp"
|-
|'''data-refperiod'''||Referenzzeitraum mit dem der aktuelle Wert verglichen werden soll. statistics liefert die Werte für 1h, 2h, 3h und 6h. refperiod wird entsprechend mit 1,2,3,6 angegeben. Alternativ kann auch data-part 2,4,6,8 verwendet werden.||1||
|-
|'''data-stagnation-color'''||Farbcode für unveränderten Wert||rgb(80,80,80)||
|-
|'''data-color'''||Fester Wert oder Reading eines Devices für die Label-Farbe||||data-color="red"
|-
|'''data-icon'''||Font-Awesome-Icon das zur Darstellung benutzt werden soll||fa-angle||
|-
|'''data-rising-color'''||Farbcode für ansteigenden Trend||rgb(180,80,80)||
|-
|'''data-falling-color'''||Farbcode für fallenden Trend||rgb(80,80,180)||
|-
|'''data-highmark'''||NWertunterschied ab der der Trend als "steil" gilt und entsprechend gekennzeichnet ist. Default ist "1" für Temperaturwerte ("temp" im Namen des Readings) und "5" für Humidity-Werte ("humidity" im Namen des Readings). ||||
|-
|'''data-highmark-icon'''||Font-Awesome-Icon das zur Darstellung oberhalb der highmark benutzt werden soll||fa-angle-double||
|-
|'''data-highmark-rising-color'''||Farbcode für steil ansteigenden Trend||rgb(255,80,80)||
|-
|'''data-highmark-falling-color'''||Farbcode für steil fallenden Trend||rgb(80,80,255)||
|}

==CSS Klassen==
{{Todo|Überarbeiten)}}

{|class="wikitable"
!Klasse!!Beschreibung
{{FTUI Klasse|mini}}{{FTUI Klasse|tiny}}{{FTUI Klasse|small}}{{FTUI Klasse|normal}}{{FTUI Klasse|large}}{{FTUI Klasse|big}}{{FTUI Klasse|bigger}}{{FTUI Klasse|tall}}{{FTUI Klasse|grande}}{{FTUI Klasse|gigantic}}{{FTUI Klasse|hide}}
|}

==Hinweise==
Das statistic-Modul muss in FHEM für das reading aktiviert sein.

define STATISTICS statistics W_HUMID
attr STATISTICS ignoreDefaultAssignments 1
attr STATISTICS tendencyReadings temperature,humidity

Dadurch werden im Device W_HUMID u.a. Readings in folgender Form erzeugt:

statTemperatureTendency 1h: +1.3 2h: +0.3 3h: +0.1 6h: +1.4
statHumidityTendency 1h: +1 2h: -2 3h: -1 6h: -1

Diese Readings werden im klimatrend-Widget verwendet. Das statistics-Modul direkt wird nicht ausgewertet.

==Beispiele==

<source lang="html">
<div data-type="klimatrend" data-device="W_HUMID" data-get="statTemperatureTendency"></div>
</source>

Dadurch wird (mit den Beispieldaten) ein leuchtend roter Doppelpfeil nach oben erzeugt, der einen steilen Anstieg der Temperatur in der letzten Stunde symbolisiert. Ein vollständiger HTML-Code mit allen möglichen Attributen:

<source lang="html">
<div data-type="klimatrend"
data-device="W_HUMID"
data-get="statTemperatureTendency"
data-refperiod="1"
data-stagnating-color="rgb(80,80,80)"
data-icon="fa-angle"
data-rising-color="rgb(180,80,80)"
data-falling-color="rgb(80,80,180)"
data-highmark="1"
data-highmark-icon="fa-angle-double"
data-highmark-rising-color="rgb(255,80,80)"
data-highmark-falling-color="rgb(80,80,255)"
></div>
</source>