FTUI Widget Spinner - Versionsgeschichte

Pahenning am 3. August 2024 um 08:45 Uhr

2024-08-03T08:45:36Z

← Nächstältere Version		Version vom 3. August 2024, 10:45 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Spinner Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem der Wert eines Device-Readings mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.		Das [[{{PAGENAME}}\|Spinner Widget]] ist ein Widget für [[FHEM Tablet UI V2]], mit dem der Wert eines Device-Readings mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.

	<gallery>		<gallery>
Zeile 109:		Zeile 109:
	*[http://knowthelist.github.io/fhem/tablet/demo_spinner.html Weitere Beispiele]		*[http://knowthelist.github.io/fhem/tablet/demo_spinner.html Weitere Beispiele]

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

Ulm32b: /* Attribute */ data-lock ergänzt

2022-01-18T10:56:00Z

Attribute: data-lock ergänzt

← Nächstältere Version		Version vom 18. Januar 2022, 12:56 Uhr
Zeile 55:		Zeile 55:
	\|'''data-on'''\|\|Wert, der als "on" gilt\|\|\|\|data-off="22"		\|'''data-on'''\|\|Wert, der als "on" gilt\|\|\|\|data-off="22"
	\|-		\|-
	\|'''data-lock'''\|\|~~Name eines~~ Readings, ~~dessen boole~~'~~scher~~ Wert ~~das Widget sperrt~~ (~~readonly~~)\|\|\|\|		\|'''data-lock'''\|\|Reading, mit dem das Element für eine Bedienung gesperrt wird. Die Sperre greift, wenn das Reading den Wert 'true', '1' oder 'on' hat. Hiervon abweichend ist auch eine Definition mittels data-lock-on und data-lock-off möglich.\|\|\|\|
			\|-
			\|'''data-lock-on'''\|\|Wert des Readings, bei dem die Sperre (vgl. data-lock) aktiviert wird\|\|\|\|
			\|-
			\|'''data-lock-off'''\|\|Wert des Readings, bei dem die Sperre (vgl. data-lock) aufgehoben wird\|\|\|\|
			\|-
	\|}		\|}

Baumbuwe: catsort

2018-01-26T13:50:11Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 15:50 Uhr
Zeile 104:		Zeile 104:
	*[http://knowthelist.github.io/fhem/tablet/demo_spinner.html Weitere Beispiele]		*[http://knowthelist.github.io/fhem/tablet/demo_spinner.html Weitere Beispiele]

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

Markusbloch: Anpassung von -Tags nach

2017-07-26T17:57:59Z

Anpassung von <source>-Tags nach <syntaxhighlight>

← Nächstältere Version		Version vom 26. Juli 2017, 19:57 Uhr
Zeile 65:		Zeile 65:
	==Beispiele==		==Beispiele==
	===Spinner für ein Thermostat===		===Spinner für ein Thermostat===
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="spinner"		<div data-type="spinner"
	data-device="HM_Thermostat"		data-device="HM_Thermostat"
Zeile 78:		Zeile 78:
	data-max="30"		data-max="30"
	data-unit="°"></div>		data-unit="°"></div>
	</~~source~~>		</syntaxhighlight>
	[[Datei:FTUI_Widget_Spinner_01.png]]		[[Datei:FTUI_Widget_Spinner_01.png]]


	===Lautstärkeregelung===		===Lautstärkeregelung===
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="spinner"		<div data-type="spinner"
	data-device="RXV777"		data-device="RXV777"
Zeile 98:		Zeile 98:
	data-icon-right="fa-volume-up"		data-icon-right="fa-volume-up"
	class="valueonly"></div>		class="valueonly"></div>
	</~~source~~>		</syntaxhighlight>
	[[Datei:FTUI_Widget_Spinner_02.png]]		[[Datei:FTUI_Widget_Spinner_02.png]]

Drhirn: Noch ein Beispiel ergänzt

2017-02-15T14:01:40Z

Noch ein Beispiel ergänzt

@@ Zeile 1: / Zeile 1: @@
 Das [[{{PAGENAME}}|Spinner Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem der Wert eines Device-Readings mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.
 <gallery>
 Datei:FTUI_Widget_Spinner_01.png
 </gallery>
@@ Zeile 82: / Zeile 81: @@
 [[Datei:FTUI_Widget_Spinner_01.png]]
-===Weblinks===
 *[http://knowthelist.github.io/fhem/tablet/demo_spinner.html Weitere Beispiele]
 [[Kategorie:FHEM Tablet UI]]

Drhirn: Bilder hinzugefügt

2017-02-15T12:44:11Z

Bilder hinzugefügt

← Nächstältere Version		Version vom 15. Februar 2017, 14:44 Uhr
Zeile 2:		Zeile 2:

	Das [[{{PAGENAME}}\|Spinner Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem der Wert eines Device-Readings mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.		Das [[{{PAGENAME}}\|Spinner Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem der Wert eines Device-Readings mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.

			<gallery>
			Datei:FTUI_Widget_Spinner_01.png
			</gallery>

	==Attribute==		==Attribute==
Zeile 76:		Zeile 80:
	data-unit="°"></div>		data-unit="°"></div>
	</source>		</source>
			[[Datei:FTUI_Widget_Spinner_01.png]]

	===Weblinks===		===Weblinks===

Drhirn: Ausgebessert

2017-02-15T12:35:15Z

Ausgebessert

← Nächstältere Version		Version vom 15. Februar 2017, 14:35 Uhr
Zeile 1:		Zeile 1:
	~~{{Baustelle}}~~
	{{Todo\|Wohl unvollständig, Korrekturlesen}}		{{Todo\|Wohl unvollständig, Korrekturlesen}}

	Das [[{{PAGENAME}}\|~~Label~~ Spinner]] ist ein Widget für [[FHEM Tablet UI]], mit dem ~~ein Setting~~ eines ~~FHEM~~-~~Devices~~ mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.		Das [[{{PAGENAME}}\|Spinner Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem der Wert eines Device-Readings mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.

	==Attribute==		==Attribute==
Zeile 15:		Zeile 14:
	\|'''data-set'''\|\|DeviceReading, welches den ''set''-Befehl empfangen soll\|\|\|\|data-set="desired-temp"		\|'''data-set'''\|\|DeviceReading, welches den ''set''-Befehl empfangen soll\|\|\|\|data-set="desired-temp"
	\|-		\|-
	\|'''data-get-value'''\|\|[[Regulärer Ausdruck\|RegEx]] oder ~~Nummer~~ des ~~Wortes~~, nach dem der angezeigte Text gefiltert werden soll\|\|-1 (alles)\|\|		\|'''data-get-value'''\|\|[[Regulärer Ausdruck\|RegEx]] oder Position des Wertes in einem leerzeichen-getrennten Text, nach dem der angezeigte Text gefiltert werden soll\|\|-1 (alles)\|\|
	\|-		\|-
	\|'''data-color'''\|\|RGB-Wert oder Farbzeichnung für den Wertebalken\|\|orange\|\|data-color="#404040"		\|'''data-color'''\|\|RGB-Wert oder Farbzeichnung für den Wertebalken\|\|orange\|\|data-color="#404040"
	\|-		\|-
	\|'''data-text-color'''\|\|~~Fester~~ Farbwert für ~~festen,~~ oder ~~DEVICE:READING für einen dynamischen Farbwert~~ des ~~Text-~~Readings\|\|#ccc\|\|data-text-color="red"		\|'''data-text-color'''\|\|Definierter Farbwert für die Textfarbe oder Name des Readings, aus dem dieser Wert gelesen werden kann\|\|#ccc\|\|data-text-color="red"
	\|-		\|-
	\|'''data-background-color'''\|\|Hintergrundfarbe des Widgets\|\|\|\|data-background-color="none"		\|'''data-background-color'''\|\|Hintergrundfarbe des Widgets\|\|\|\|data-background-color="none"
Zeile 49:		Zeile 48:
	\|'''data-longdelay'''\|\|Zeitverzögerung (ms) für den Befehl nach Loslassen der Taste\|\|500\|\|data-shortdelay="350"		\|'''data-longdelay'''\|\|Zeitverzögerung (ms) für den Befehl nach Loslassen der Taste\|\|500\|\|data-shortdelay="350"
	\|-		\|-
	\|'''data-off'''\|\|Wert ~~eines Readings~~, der als "off" gilt\|\|\|\|data-off="10"		\|'''data-off'''\|\|Wert, der als "off" gilt\|\|\|\|data-off="10"
	\|-		\|-
	\|'''data-on'''\|\|Wert ~~eines Readings~~, der als "on" gilt\|\|\|\|data-off="22"		\|'''data-on'''\|\|Wert, der als "on" gilt\|\|\|\|data-off="22"
	\|-		\|-
	\|'''data-lock'''\|\|Name eines Readings, dessen boole'scher Wert das Widget sperrt (readonly)\|\|\|\|		\|'''data-lock'''\|\|Name eines Readings, dessen boole'scher Wert das Widget sperrt (readonly)\|\|\|\|

	\|}		\|}

Zeile 63:		Zeile 61:
	\|}		\|}
	==Beispiele==		==Beispiele==
	===~~Einfaches Widget~~===		===Spinner für ein Thermostat===
	<source lang="html">		<source lang="html">
	<div data-type="spinner"		<div data-type="spinner"
Zeile 76:		Zeile 74:
	data-min="10"		data-min="10"
	data-max="30"		data-max="30"
	data-unit="°"		data-unit="°"></div>
	></div>
	</source>		</source>

	===~~Weitere Beispiele~~===		===Weblinks===
	http://knowthelist.github.io/fhem/tablet/demo_spinner.html		*[http://knowthelist.github.io/fhem/tablet/demo_spinner.html Weitere Beispiele]

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

Ulm32b: typo

2017-02-09T16:08:40Z

typo

← Nächstältere Version		Version vom 9. Februar 2017, 18:08 Uhr
Zeile 2:		Zeile 2:
	{{Todo\|Wohl unvollständig, Korrekturlesen}}		{{Todo\|Wohl unvollständig, Korrekturlesen}}

	Das [[{{PAGENAME}}\|Label Spinner]] ist ein Widget für [[FHEM Tablet UI]] mit dem ein Setting eines FHEM-Devices mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.		Das [[{{PAGENAME}}\|Label Spinner]] ist ein Widget für [[FHEM Tablet UI]], mit dem ein Setting eines FHEM-Devices mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.

	==Attribute==		==Attribute==
Zeile 11:		Zeile 11:
	!Beispiel		!Beispiel
	\|-		\|-
	\|'''data-get'''\|\|DeviceReading das angezeigt werden soll\|\|\|\|data-get="desired-temp"		\|'''data-get'''\|\|DeviceReading, das angezeigt werden soll\|\|\|\|data-get="desired-temp"
	\|-		\|-
	\|'''data-set'''\|\|DeviceReading welches den ''set''-Befehl empfangen soll\|\|\|\|data-set="desired-temp"		\|'''data-set'''\|\|DeviceReading, welches den ''set''-Befehl empfangen soll\|\|\|\|data-set="desired-temp"
	\|-		\|-
	\|'''data-get-value'''\|\|[[Regulärer Ausdruck\|RegEx]] oder Nummer des Wortes, nach dem der angezeigte Text gefiltert werden soll\|\|-1 (alles)\|\|		\|'''data-get-value'''\|\|[[Regulärer Ausdruck\|RegEx]] oder Nummer des Wortes, nach dem der angezeigte Text gefiltert werden soll\|\|-1 (alles)\|\|
Zeile 35:		Zeile 35:
	\|'''data-width'''\|\|Feste Breite des Widgets in px oder %\|\|\|\|		\|'''data-width'''\|\|Feste Breite des Widgets in px oder %\|\|\|\|
	\|-		\|-
	\|'''data-height'''\|\|Feste ~~Höhee~~ des Widgets in px oder %\|\|\|\|		\|'''data-height'''\|\|Feste Höhe des Widgets in px oder %\|\|\|\|
	\|-		\|-
	\|'''data-max'''\|\|Maximalwert des ~~Anzeigebreichs~~\|\|100\|\|data-max="31"		\|'''data-max'''\|\|Maximalwert des Anzeigebereichs\|\|100\|\|data-max="31"
	\|-		\|-
	\|'''data-min'''\|\|Minimalwert des ~~Anzeigebreichs~~\|\|0\|\|data-min="12"		\|'''data-min'''\|\|Minimalwert des Anzeigebereichs\|\|0\|\|data-min="12"
	\|-		\|-
	\|'''data-step'''\|\|Numerischer Wert für das Intervall bei Klick auf Icon\|\|1\|\|data-step="2"		\|'''data-step'''\|\|Numerischer Wert für das Intervall bei Klick auf Icon\|\|1\|\|data-step="2"
Zeile 49:		Zeile 49:
	\|'''data-longdelay'''\|\|Zeitverzögerung (ms) für den Befehl nach Loslassen der Taste\|\|500\|\|data-shortdelay="350"		\|'''data-longdelay'''\|\|Zeitverzögerung (ms) für den Befehl nach Loslassen der Taste\|\|500\|\|data-shortdelay="350"
	\|-		\|-
	\|'''data-off'''\|\|Wert eines Readings der als "off" gilt\|\|\|\|data-off="10"		\|'''data-off'''\|\|Wert eines Readings, der als "off" gilt\|\|\|\|data-off="10"
	\|-		\|-
	\|'''data-on'''\|\|Wert eines Readings der als "on" gilt\|\|\|\|data-off="22"		\|'''data-on'''\|\|Wert eines Readings, der als "on" gilt\|\|\|\|data-off="22"
	\|-		\|-
	\|'''data-lock'''\|\|Name eines Readings, dessen boole'scher Wert das Widget sperrt (readonly)\|\|\|\|		\|'''data-lock'''\|\|Name eines Readings, dessen boole'scher Wert das Widget sperrt (readonly)\|\|\|\|

Tomster am 9. Februar 2017 um 15:50 Uhr

2017-02-09T15:50:09Z

← Nächstältere Version		Version vom 9. Februar 2017, 17:50 Uhr
Zeile 11:		Zeile 11:
	!Beispiel		!Beispiel
	\|-		\|-
	\|'''data-get'''\|\|DeviceReading das angezeigt werden soll\|\|~~-1 (alles)~~\|\|data-get="desired-temp"		\|'''data-get'''\|\|DeviceReading das angezeigt werden soll\|\|\|\|data-get="desired-temp"
	\|-		\|-
	\|'''data-set'''\|\|DeviceReading welches den ''set''-Befehl empfangen soll\|\|\|\|data-set="desired-temp"		\|'''data-set'''\|\|DeviceReading welches den ''set''-Befehl empfangen soll\|\|\|\|data-set="desired-temp"

Tomster am 9. Februar 2017 um 15:40 Uhr

2017-02-09T15:40:49Z

← Nächstältere Version		Version vom 9. Februar 2017, 17:40 Uhr
Zeile 21:		Zeile 21:
	\|'''data-text-color'''\|\|Fester Farbwert für festen, oder DEVICE:READING für einen dynamischen Farbwert des Text-Readings\|\|#ccc\|\|data-text-color="red"		\|'''data-text-color'''\|\|Fester Farbwert für festen, oder DEVICE:READING für einen dynamischen Farbwert des Text-Readings\|\|#ccc\|\|data-text-color="red"
	\|-		\|-
	\|'''data-background-color'''\|\|Hintergrundfarbe des Widgets\|\|\|\|		\|'''data-background-color'''\|\|Hintergrundfarbe des Widgets\|\|\|\|data-background-color="none"
			\|-
			\|'''data-gradient-color'''\|\|Array von Farbwerten für einen Verlauf des Wertebalkens\|\|\|\|data-gradient-color='["blue","red"]'
	\|-		\|-
	\|'''data-icon-left-color'''\|\|RGB-Wert oder Farbbezeichnung für das linke Button-Symbol\|\|#aaa\|\|data-left-color="green"		\|'''data-icon-left-color'''\|\|RGB-Wert oder Farbbezeichnung für das linke Button-Symbol\|\|#aaa\|\|data-left-color="green"
Zeile 27:		Zeile 29:
	\|'''data-icon-right-color'''\|\|RGB-Wert oder Farbbezeichnung für das rechte Button-Symbol\|\|#aaa\|\|data-right-color="red"		\|'''data-icon-right-color'''\|\|RGB-Wert oder Farbbezeichnung für das rechte Button-Symbol\|\|#aaa\|\|data-right-color="red"
	\|-		\|-
	\|'''data-icon-left'''\|\|Name des linken Symbols\|\|\|\|		\|'''data-icon-left'''\|\|Name des linken Symbols\|\|\|\|data-icon-left="fa-volume-down"
	\|-		\|-
	\|'''data-icon-right'''\|\|Name des rechten Symbols\|\|\|\|		\|'''data-icon-right'''\|\|Name des rechten Symbols\|\|\|\|data-icon-left="fa-volume-up"
	\|-		\|-
	\|'''data-width'''\|\|Feste Breite des Widgets in px oder %\|\|\|\|		\|'''data-width'''\|\|Feste Breite des Widgets in px oder %\|\|\|\|