FTUI Widget Push - Versionsgeschichte

Pahenning am 3. August 2024 um 08:41 Uhr

2024-08-03T08:41:46Z

← Nächstältere Version		Version vom 3. August 2024, 10:41 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Push Widget]] ist ein Widget für [[FHEM Tablet UI]] in Form eines Button-förmigen Knopfes, der, ähnlich einem Taster, einen einfachen Befehl an FHEM sendet (zum Beispiel hoch/runter, Play/Pause, Nächster/vorheriger Titel, usw.). Der Befehl kann beim Drücken, beim Loslassen, oder beide Male ausgeführt werden.		Das [[{{PAGENAME}}\|Push Widget]] ist ein Widget für [[FHEM Tablet UI V2]] in Form eines Button-förmigen Knopfes, der, ähnlich einem Taster, einen einfachen Befehl an FHEM sendet (zum Beispiel hoch/runter, Play/Pause, Nächster/vorheriger Titel, usw.). Der Befehl kann beim Drücken, beim Loslassen, oder beide Male ausgeführt werden.

	<gallery>		<gallery>
Zeile 160:		Zeile 160:
	</syntaxhighlight>		</syntaxhighlight>

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

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

2022-01-18T10:53:18Z

Attribute: data-lock ergänzt

← Nächstältere Version		Version vom 18. Januar 2022, 12:53 Uhr
Zeile 47:		Zeile 47:
	\|'''data-hideparents'''\|\|jQuery-Selector, um auch die Eltern-Elemente zu verstecken\|\|\|\|data-hideparents="#Name"		\|'''data-hideparents'''\|\|jQuery-Selector, um auch die Eltern-Elemente zu verstecken\|\|\|\|data-hideparents="#Name"
	\|-		\|-
	\|'''data-lock'''\|\|Reading, mit dem das Element für eine Bedienung gesperrt wird. ~~Gültige Werte sind '~~'true'', ''1'' ~~oder~~ ''on''\|\|\|\|		\|'''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\|\|\|\|
	\|-		\|-
	\|'''data-reachable'''\|\|Reading, dessen Inhalt angibt, ob das Device erreichbar ist, oder nicht. Der Inhalt des Readings muss eine Ganzzahl (Integer) sein.\|\|\|\|		\|'''data-reachable'''\|\|Reading, dessen Inhalt angibt, ob das Device erreichbar ist, oder nicht. Der Inhalt des Readings muss eine Ganzzahl (Integer) sein.\|\|\|\|

Ulm32b: /* Attribute */ Beschreibung doubleclick korrigiert, vgl. Forum 5.12.2018

2018-12-04T23:15:21Z

Attribute: Beschreibung doubleclick korrigiert, vgl. Forum 5.12.2018

← Nächstältere Version		Version vom 5. Dezember 2018, 01:15 Uhr
Zeile 27:		Zeile 27:
	\|'''data-fhem-cmd'''\|\|Befehl, der bei einem Klick auf das Bild an FHEM gesendet werden soll\|\|\|\|data-fhem-cmd="set Bulp01 off"		\|'''data-fhem-cmd'''\|\|Befehl, der bei einem Klick auf das Bild an FHEM gesendet werden soll\|\|\|\|data-fhem-cmd="set Bulp01 off"
	\|-		\|-
	\|'''data-doubleclick'''\|\|Zeit, ~~die vergehen~~ muss, ~~bis das Element ein zweites mal betätigt werden kann~~. '0' schaltet dieses Verhalten ab.\|\|0\|\|		\|'''data-doubleclick'''\|\|Zeit [ms], in der ein zweiter Klick erfolgen muss, damit die Betätigung angenommen wird. '0' schaltet dieses Verhalten ab.\|\|0\|\|data-doubleclick="800"
	\|-		\|-
	\|'''data-countdown'''\|\|Sekunden für Fortschrittsanzeige (progress control / 'on-for-timer')\|\|Automatische Erkennung von 'on-for-timer' bei '''data-set-on'''\|\|		\|'''data-countdown'''\|\|Sekunden für Fortschrittsanzeige (progress control / 'on-for-timer')\|\|Automatische Erkennung von 'on-for-timer' bei '''data-set-on'''\|\|

Stephan: /* Attribute */ data-fhem-cmd hinzugefügt

2018-06-23T21:14:55Z

Attribute: data-fhem-cmd hinzugefügt

← Nächstältere Version		Version vom 23. Juni 2018, 23:14 Uhr
Zeile 24:		Zeile 24:
	\|-		\|-
	\|'''data-cmd'''\|\|Befehl, der gesendet werden soll ('''<command>''' <device> <reading> <value>) (z.B. setstate, set, setreading, trigger)\|\|set\|\|		\|'''data-cmd'''\|\|Befehl, der gesendet werden soll ('''<command>''' <device> <reading> <value>) (z.B. setstate, set, setreading, trigger)\|\|set\|\|
			\|-
			\|'''data-fhem-cmd'''\|\|Befehl, der bei einem Klick auf das Bild an FHEM gesendet werden soll\|\|\|\|data-fhem-cmd="set Bulp01 off"
	\|-		\|-
	\|'''data-doubleclick'''\|\|Zeit, die vergehen muss, bis das Element ein zweites mal betätigt werden kann. '0' schaltet dieses Verhalten ab.\|\|0\|\|		\|'''data-doubleclick'''\|\|Zeit, die vergehen muss, bis das Element ein zweites mal betätigt werden kann. '0' schaltet dieses Verhalten ab.\|\|0\|\|

Baumbuwe: catsort

2018-01-26T13:54:57Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 15:54 Uhr
Zeile 154:		Zeile 154:
	</syntaxhighlight>		</syntaxhighlight>

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

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 72:		Zeile 72:
	Das Push-Widget kann auch dazu verwendet werden, Readings darzustellen. Über '''data-get''' und '''data-get-on''' wird beispielsweise der Kreis (Hintergrund-Icon) eingefärbt. Der Wert des Readings selbst wird dann per [[FTUI_Widget_Label\|Label]] angezeigt, welches innerhalb des Push-Widgets platziert wird. Siehe hierzu auch den {{Link2Forum\|Topic=66800\|LinkText=Hinweis im Forum}}.		Das Push-Widget kann auch dazu verwendet werden, Readings darzustellen. Über '''data-get''' und '''data-get-on''' wird beispielsweise der Kreis (Hintergrund-Icon) eingefärbt. Der Wert des Readings selbst wird dann per [[FTUI_Widget_Label\|Label]] angezeigt, welches innerhalb des Push-Widgets platziert wird. Siehe hierzu auch den {{Link2Forum\|Topic=66800\|LinkText=Hinweis im Forum}}.

	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="push" ...>		<div data-type="push" ...>
	<div data-type="label" ...></div>		<div data-type="label" ...></div>
	</div>		</div>
	</~~source~~>		</syntaxhighlight>

	==Beispiele==		==Beispiele==
	===Alle Lampen einschalten===		===Alle Lampen einschalten===

	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="push"		<div data-type="push"
	data-device="LightAll"		data-device="LightAll"
Zeile 87:		Zeile 87:
	data-set-on="on">		data-set-on="on">
	</div>		</div>
	</~~source~~>		</syntaxhighlight>

	===Steuerung hoch/runter (horizontal)===		===Steuerung hoch/runter (horizontal)===
	[[File:Push1.png]]		[[File:Push1.png]]

	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div>		<div>
	<div class="doublebox-h">		<div class="doublebox-h">
Zeile 105:		Zeile 105:
	</div>		</div>
	</div>		</div>
	</~~source~~>		</syntaxhighlight>

	===Steuerung hoch/runter (vertikal)===		===Steuerung hoch/runter (vertikal)===
	[[File:Push2.png]]		[[File:Push2.png]]

	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div>		<div>
	<div class="doublebox-v">		<div class="doublebox-v">
Zeile 123:		Zeile 123:
	</div>		</div>
	</div>		</div>
	</~~source~~>		</syntaxhighlight>

	===Lampe für 5 Minuten einschalten===		===Lampe für 5 Minuten einschalten===
Zeile 131:		Zeile 131:
	[[File:Ftui_widget_push_on-for-timer.png]]		[[File:Ftui_widget_push_on-for-timer.png]]

	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="push" data-device="MyLamp" data-set-on="on-for-timer 300" ></div>		<div data-type="push" data-device="MyLamp" data-set-on="on-for-timer 300" ></div>
	</~~source~~>		</syntaxhighlight>

	===Push-Widget verstecken===		===Push-Widget verstecken===

	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div class="hbox">		<div class="hbox">
	<div class="vbox">		<div class="vbox">
Zeile 152:		Zeile 152:
	</div>		</div>

	</~~source~~>		</syntaxhighlight>

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

50watt: /* Lampe für 5 Minuten einschalten */ Tippfehler

2017-05-30T19:42:12Z

Lampe für 5 Minuten einschalten: Tippfehler

← Nächstältere Version		Version vom 30. Mai 2017, 21:42 Uhr
Zeile 126:		Zeile 126:

	===Lampe für 5 Minuten einschalten===		===Lampe für 5 Minuten einschalten===
	Das Push-Widget zeigt ~~einen~~ einen abnehmenden Kreis, solange der Countdown läuft. Die Dauer wird automatisch aus dem '''on-for-timer'''-Befehl erkannt. Mit '''data-countdown''' kann jedoch auch auch ein eigener Wert angegeben werden.		Das Push-Widget zeigt einen abnehmenden Kreis, solange der Countdown läuft. Die Dauer wird automatisch aus dem '''on-for-timer'''-Befehl erkannt. Mit '''data-countdown''' kann jedoch auch auch ein eigener Wert angegeben werden.
	Wenn das Device ein Dummy ist, muss in diesem das FHEM-Attribut <code>useSetExtensions 1</code> gesetzt werden. Weitere Beispiele für Timer sind [[FTUI_Zeitschaltung\|hier]] zu finden.		Wenn das Device ein Dummy ist, muss in diesem das FHEM-Attribut <code>useSetExtensions 1</code> gesetzt werden. Weitere Beispiele für Timer sind [[FTUI_Zeitschaltung\|hier]] zu finden.

Standarduser: /* Attribute */ Standardwert von data-background-icon korrigiert

2017-03-20T19:07:53Z

Attribute: Standardwert von data-background-icon korrigiert

← Nächstältere Version		Version vom 20. März 2017, 21:07 Uhr
Zeile 51:		Zeile 51:
	\|'''data-icon'''\|\|Name des Icons im Vordergrund\|\|fa-power-off\|\|		\|'''data-icon'''\|\|Name des Icons im Vordergrund\|\|fa-power-off\|\|
	\|-		\|-
	\|'''data-background-icon'''\|\|Name des Icons, das als Hintergrund verwendet werden soll\|\|fa-circle\|\|		\|'''data-background-icon'''\|\|Name des Icons, das als Hintergrund verwendet werden soll\|\|fa-circle-thin\|\|
	\|-		\|-
	\|'''data-on-color'''\|\|Feste Iconfarbe für den Zustand ON, oder '''<device>:<reading>''', um einen entsprechenden Wert dynamisch aus FHEM abzurufen.\|\|#aa6900\|\|		\|'''data-on-color'''\|\|Feste Iconfarbe für den Zustand ON, oder '''<device>:<reading>''', um einen entsprechenden Wert dynamisch aus FHEM abzurufen.\|\|#aa6900\|\|

Markusbloch: Ersetzung von Forum-Links mit Vorlage Link2Forum

2017-03-19T19:27:29Z

Ersetzung von Forum-Links mit Vorlage Link2Forum

← Nächstältere Version		Version vom 19. März 2017, 21:27 Uhr
Zeile 70:		Zeile 70:

	==Weitere Möglichkeiten==		==Weitere Möglichkeiten==
	Das Push-Widget kann auch dazu verwendet werden, Readings darzustellen. Über '''data-get''' und '''data-get-on''' wird beispielsweise der Kreis (Hintergrund-Icon) eingefärbt. Der Wert des Readings selbst wird dann per [[FTUI_Widget_Label\|Label]] angezeigt, welches innerhalb des Push-Widgets platziert wird. Siehe hierzu auch den ~~[https://forum.fhem.de/index.php/topic,~~66800~~.0.html~~ Hinweis im Forum].		Das Push-Widget kann auch dazu verwendet werden, Readings darzustellen. Über '''data-get''' und '''data-get-on''' wird beispielsweise der Kreis (Hintergrund-Icon) eingefärbt. Der Wert des Readings selbst wird dann per [[FTUI_Widget_Label\|Label]] angezeigt, welches innerhalb des Push-Widgets platziert wird. Siehe hierzu auch den {{Link2Forum\|Topic=66800\|LinkText=Hinweis im Forum}}.

	<source lang="html">		<source lang="html">

Standarduser: /* Attribute */ data-on-color und data-on-background-color hinzugefügt

2017-03-05T18:10:31Z

Attribute: data-on-color und data-on-background-color hinzugefügt

← Nächstältere Version		Version vom 5. März 2017, 20:10 Uhr
Zeile 52:		Zeile 52:
	\|-		\|-
	\|'''data-background-icon'''\|\|Name des Icons, das als Hintergrund verwendet werden soll\|\|fa-circle\|\|		\|'''data-background-icon'''\|\|Name des Icons, das als Hintergrund verwendet werden soll\|\|fa-circle\|\|
			\|-
			\|'''data-on-color'''\|\|Feste Iconfarbe für den Zustand ON, oder '''<device>:<reading>''', um einen entsprechenden Wert dynamisch aus FHEM abzurufen.\|\|#aa6900\|\|
			\|-
			\|'''data-on-background-color'''\|\|Feste Hintergrundfarbe für den Zustand ON, oder '''<device>:<reading>'''\|\|#aa6900\|\|
	\|-		\|-
	\|'''data-off-color'''\|\|Feste Iconfarbe für den Zustand OFF, oder '''<device>:<reading>''', um einen entsprechenden Wert dynamisch aus FHEM abzurufen.\|\|#505050\|\|		\|'''data-off-color'''\|\|Feste Iconfarbe für den Zustand OFF, oder '''<device>:<reading>''', um einen entsprechenden Wert dynamisch aus FHEM abzurufen.\|\|#505050\|\|