FTUI Widget Level - Versionsgeschichte

Pahenning am 2. August 2024 um 14:58 Uhr

2024-08-02T14:58:09Z

← Nächstältere Version		Version vom 2. August 2024, 16:58 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Level Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem eine horizontale oder vertikale Balkenanzeige erstellt werden kann.		Das [[{{PAGENAME}}\|Level Widget]] ist ein Widget für [[FHEM Tablet UI V2]], mit dem eine horizontale oder vertikale Balkenanzeige erstellt werden kann.

	<gallery>		<gallery>
Zeile 76:		Zeile 76:
	</syntaxhighlight>		</syntaxhighlight>

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

Baumbuwe: catsort

2018-01-26T14:02:39Z

catsort

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

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

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 54:		Zeile 54:
	[[File:Ftui_widget_level_2-fach.png]]		[[File:Ftui_widget_level_2-fach.png]]

	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div>		<div>
	<div data-type="level" data-device='Tablet' data-get='powerLevel'		<div data-type="level" data-device='Tablet' data-get='powerLevel'
Zeile 74:		Zeile 74:
	class="top-space left"></div>		class="top-space left"></div>
	</div>		</div>
	</~~source~~>		</syntaxhighlight>

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

Nobby1805: /* Attribute */ data-timer-... Attribute

2017-03-14T22:26:15Z

Attribute: data-timer-... Attribute

@@ Zeile 29: / Zeile 29: @@
 |-
 |'''data-limits'''||Array von Zahlen oder RegEx zur Einfärbung der Anzeige||||data-limits='["20","70","95"]'
 |}

All-Ex: Schreibfehler korrigiert

2017-02-08T20:10:23Z

Schreibfehler korrigiert

← Nächstältere Version		Version vom 8. Februar 2017, 22:10 Uhr
Zeile 40:		Zeile 40:
	==Beispiele==		==Beispiele==
	===Zwei Level-Anzeigen mit Label===		===Zwei Level-Anzeigen mit Label===
	Beide Level-Anzeigen besitzen in Label auf gleicher Höhe, das den aktuellen Wert als Zahl mit Einheit anzeigt. Die Farbe der Level-Anzeigen wird beim Erreichen bestimmter Werte verändert.		Beide Level-Anzeigen besitzen ein Label auf gleicher Höhe, das den aktuellen Wert als Zahl mit Einheit anzeigt. Die Farbe der Level-Anzeigen wird beim Erreichen bestimmter Werte verändert.

	[[File:Ftui_widget_level_2-fach.png]]		[[File:Ftui_widget_level_2-fach.png]]

Standarduser: data-part korrigiert

2017-02-08T18:27:56Z

data-part korrigiert

← Nächstältere Version		Version vom 8. Februar 2017, 20:27 Uhr
Zeile 24:		Zeile 24:
	\|'''data-off'''\|\|Wert, bei dem der Balken minimalen Ausschlag zeigt\|\|'off'\|\|		\|'''data-off'''\|\|Wert, bei dem der Balken minimalen Ausschlag zeigt\|\|'off'\|\|
	\|-		\|-
	\|'''data-part'''\|\|Wählt bei Werten, die durch Leerzeichen getrennt sind, den Teil aus, der angezeigt werden soll. Der Teil kann auch mit RegEx ermittelt werden.\|\|\|\|		\|'''data-part'''\|\|Wählt bei Werten, die durch Leerzeichen getrennt sind, den Teil aus, der angezeigt werden soll. Der Teil kann auch mit RegEx ermittelt werden.\|\|'-1': alles Anzeigen\|\|
	\|-		\|-
	\|'''data-colors'''\|\|Array von Farbwerten, die die Anzeige entsprechend der Grenzwerte von '''data-limits''' einfärben\|\|\|\|data-colors='["#dd3366","#ffcc00","#55aa44"]'		\|'''data-colors'''\|\|Array von Farbwerten, die die Anzeige entsprechend der Grenzwerte von '''data-limits''' einfärben\|\|\|\|data-colors='["#dd3366","#ffcc00","#55aa44"]'

Standarduser: CSS-Klassen korrigiert

2017-02-08T18:17:57Z

CSS-Klassen korrigiert

← Nächstältere Version		Version vom 8. Februar 2017, 20:17 Uhr
Zeile 35:		Zeile 35:
	!Klasse		!Klasse
	!Beschreibung		!Beschreibung
	{{FTUI ~~Klassen~~\|mini}}{{FTUI ~~Klassen~~\|~~horizontal~~}}{{FTUI ~~Klassen~~\|~~big~~}}{{FTUI ~~Klassen~~\|~~bigger~~}}{{FTUI ~~Klassen~~\|~~large~~}}		{{FTUI Klasse\|mini}}{{FTUI Klasse\|big}}{{FTUI Klasse\|bigger}}{{FTUI Klasse\|large}}{{FTUI Klasse\|horizontal}}
	\|}		\|}

Standarduser: CSS-Klassen hinzugefügt

2017-02-08T17:15:33Z

CSS-Klassen hinzugefügt

← Nächstältere Version		Version vom 8. Februar 2017, 19:15 Uhr
Zeile 29:		Zeile 29:
	\|-		\|-
	\|'''data-limits'''\|\|Array von Zahlen oder RegEx zur Einfärbung der Anzeige\|\|\|\|data-limits='["20","70","95"]'		\|'''data-limits'''\|\|Array von Zahlen oder RegEx zur Einfärbung der Anzeige\|\|\|\|data-limits='["20","70","95"]'
	\|-		\|}
	\|~~'''~~class~~'''~~\|\|~~mini,~~ horizontal, big, bigger, large~~\|\|\|\|~~
			==CSS-Klassen==
			{\|class="wikitable"
			!Klasse
			!Beschreibung
			{{FTUI Klassen\|mini}}{{FTUI Klassen\|horizontal}}{{FTUI Klassen\|big}}{{FTUI Klassen\|bigger}}{{FTUI Klassen\|large}}
	\|}		\|}

Standarduser am 8. Februar 2017 um 10:44 Uhr

2017-02-08T10:44:14Z

← Nächstältere Version		Version vom 8. Februar 2017, 12:44 Uhr
Zeile 1:		Zeile 1:
	~~Horizontale~~ oder vertikale Balkenanzeige ~~für einen Wertebereich~~		Das [[{{PAGENAME}}\|Level Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem eine horizontale oder vertikale Balkenanzeige erstellt werden kann.

	<gallery>		<gallery>

Standarduser: Die Seite wurde neu angelegt: „Horizontale oder vertikale Balkenanzeige für einen Wertebereich File:Ftui_widget_level_2-fach.png ==Attribute== {| class="wikitable" !A…“

2017-02-08T10:28:31Z

Die Seite wurde neu angelegt: „Horizontale oder vertikale Balkenanzeige für einen Wertebereich <gallery> File:Ftui_widget_level_2-fach.png </gallery> ==Attribute== {| class="wikitable" !A…“

Neue Seite

Horizontale oder vertikale Balkenanzeige für einen Wertebereich

<gallery>
File:Ftui_widget_level_2-fach.png
</gallery>

==Attribute==
{| class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-device'''||FHEM-Device, dessen Reading Reading angezeigt werden soll||||
|-
|'''data-get'''||Name des Readings, das den Wert enthält||'STATE'||
|-
|'''data-min'''||Minimaler Wert, der angezeigt werden soll||0||
|-
|'''data-max'''||Maximaler Wert, der angezeigt werden soll, oder Name des Readings, das den Maximalwert enthält||100||
|-
|'''data-on'''||Wert, bei dem der Balken maximalen Ausschlag zeigt||'on'
|-
|'''data-off'''||Wert, bei dem der Balken minimalen Ausschlag zeigt||'off'||
|-
|'''data-part'''||Wählt bei Werten, die durch Leerzeichen getrennt sind, den Teil aus, der angezeigt werden soll. Der Teil kann auch mit RegEx ermittelt werden.||||
|-
|'''data-colors'''||Array von Farbwerten, die die Anzeige entsprechend der Grenzwerte von '''data-limits''' einfärben||||data-colors='["#dd3366","#ffcc00","#55aa44"]'
|-
|'''data-limits'''||Array von Zahlen oder RegEx zur Einfärbung der Anzeige||||data-limits='["20","70","95"]'
|-
|'''class'''||mini, horizontal, big, bigger, large||||
|}

==Beispiele==
===Zwei Level-Anzeigen mit Label===
Beide Level-Anzeigen besitzen in Label auf gleicher Höhe, das den aktuellen Wert als Zahl mit Einheit anzeigt. Die Farbe der Level-Anzeigen wird beim Erreichen bestimmter Werte verändert.

[[File:Ftui_widget_level_2-fach.png]]

<source lang="html">
<div>
<div data-type="level" data-device='Tablet' data-get='powerLevel'
data-limits='["[12]*[0-9]","[3456][0-9]","([789][0-9]|100)"]'
data-colors='["#dd3366","#ffcc00","#55aa44"]'
class="horizontal left" >
</div>
<div data-type="label" data-device='Tablet'
data-get='powerLevel'
data-unit="%" class="top-space left"></div>
</div>
<div>
<div data-type="level" data-device='dummy1'
data-limits='["20","70","95"]'
data-colors='["#dd3366","#ffcc00","#55aa44"]'
class="horizontal left" >
</div>
<div data-type="label" data-device='dummy1' data-unit="%"
class="top-space left"></div>
</div>
</source>

[[Kategorie:FHEM Tablet UI]]