FTUI Widget Select - Versionsgeschichte

Pahenning am 3. August 2024 um 08:42 Uhr

2024-08-03T08:42:38Z

← Nächstältere Version		Version vom 3. August 2024, 10:42 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Select Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem eine ausklappbare Auswahlbox erstellt werden kann. Die auswählbaren Werte können frei definiert oder von FHEM empfangen werden.		Das [[{{PAGENAME}}\|Select Widget]] ist ein Widget für [[FHEM Tablet UI V2]], mit dem eine ausklappbare Auswahlbox erstellt werden kann. Die auswählbaren Werte können frei definiert oder von FHEM empfangen werden.

	<gallery>		<gallery>
Zeile 76:		Zeile 76:
	[[File:Ftui-widget-select-02.png]]		[[File:Ftui-widget-select-02.png]]

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

Baumbuwe: catsort

2018-01-26T13:51:58Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 15:51 Uhr
Zeile 76:		Zeile 76:
	[[File:Ftui-widget-select-02.png]]		[[File:Ftui-widget-select-02.png]]

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

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 44:		Zeile 44:
	Zwei Comboboxen mit denen die Eingänge eines AV-Receivers geschalten werden können. Die Werte für Zone 1 werden von FHEM empfangen, die für Zone 2 sind fix vorgegeben.		Zwei Comboboxen mit denen die Eingänge eines AV-Receivers geschalten werden können. Die Werte für Zone 1 werden von FHEM empfangen, die für Zone 2 sind fix vorgegeben.

	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div>		<div>
	<div data-type="label">Zone2</div>		<div data-type="label">Zone2</div>
Zeile 60:		Zeile 60:
	data-set="input"></div>		data-set="input"></div>
	</div>		</div>
	</~~source~~>		</syntaxhighlight>
	[[File:Select tabeltUI.png]]		[[File:Select tabeltUI.png]]

	===Auswahl verschiedener Licht-Szenen===		===Auswahl verschiedener Licht-Szenen===
	Auflistung mehrerer Lichtszenen, die anders heißen sollen, als sie in FHEM benannt sind.		Auflistung mehrerer Lichtszenen, die anders heißen sollen, als sie in FHEM benannt sind.
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="select"		<div data-type="select"
	data-device="lsWohnzimmer"		data-device="lsWohnzimmer"
Zeile 73:		Zeile 73:
	data-alias='["Standard","Alle An","Alle Aus","Essen","Fernsehen","Computern"]'>		data-alias='["Standard","Alle An","Alle Aus","Essen","Fernsehen","Computern"]'>
	</div>		</div>
	</~~source~~>		</syntaxhighlight>
	[[File:Ftui-widget-select-02.png]]		[[File:Ftui-widget-select-02.png]]

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

Standarduser: /* Attribute */ Standardwerte korrigiert

2017-03-05T16:24:33Z

Attribute: Standardwerte korrigiert

← Nächstältere Version		Version vom 5. März 2017, 18:24 Uhr
Zeile 14:		Zeile 14:
	!Beispiel		!Beispiel
	\|-		\|-
	\|'''data-get'''\|\|Name des Device-Readings, welches angezeigt werden soll\|\|\|\|WoZi_Lichtszene		\|'''data-get'''\|\|Name des Device-Readings, welches angezeigt werden soll\|\|STATE\|\|WoZi_Lichtszene
	\|-		\|-
	\|'''data-set'''\|\|Name des Device-Readings, welches geändert werden soll (<Befehl> <Device> <Reading> <Wert>)\|\|""\|~~scene~~		\|'''data-set'''\|\|Name des Device-Readings, welches geändert werden soll (<Befehl> <Device> <Reading> <Wert>)\|\|STATE\|\|
	\|-		\|-
	\|'''data-list'''\|\|Name des Device-Readings, von dem eine durch ''data-delimiter'' getrennte Liste von Werten empfangen werden soll\|\|\|\|~~scenes~~		\|'''data-list'''\|\|Name des Device-Readings, von dem eine durch ''data-delimiter'' getrennte Liste von Werten empfangen werden soll\|\|\|\|
	\|-		\|-
	\|'''data-items'''\|\|Ein Array fixer Werte, die im Widget angezeigt und an FHEM gesendet werden soll (wenn ''data-list'' leer ist)\|\|\|\|["sAllesAn","sAllesAus","sLesen","sEssen]		\|'''data-items'''\|\|Ein Array fixer Werte, die im Widget angezeigt und an FHEM gesendet werden soll (wenn ''data-list'' leer ist)\|\|\|\|["sAllesAn","sAllesAus","sLesen","sEssen]

Drhirn: /* Attribute */

2017-02-13T10:50:47Z

Attribute

← Nächstältere Version		Version vom 13. Februar 2017, 12:50 Uhr
Zeile 18:		Zeile 18:
	\|'''data-set'''\|\|Name des Device-Readings, welches geändert werden soll (<Befehl> <Device> <Reading> <Wert>)\|\|""\|scene		\|'''data-set'''\|\|Name des Device-Readings, welches geändert werden soll (<Befehl> <Device> <Reading> <Wert>)\|\|""\|scene
	\|-		\|-
	\|'''data-list'''\|\|Name des Device-Readings, von dem eine durch ~~Doppelpunkte~~ getrennte Liste von Werten empfangen werden soll\|\|\|\|scenes		\|'''data-list'''\|\|Name des Device-Readings, von dem eine durch ''data-delimiter'' getrennte Liste von Werten empfangen werden soll\|\|\|\|scenes
	\|-		\|-
	\|'''data-items'''\|\|Ein Array fixer Werte, die im Widget angezeigt und an FHEM gesendet werden soll (wenn ''data-list'' leer ist)\|\|\|\|["sAllesAn","sAllesAus","sLesen","sEssen]		\|'''data-items'''\|\|Ein Array fixer Werte, die im Widget angezeigt und an FHEM gesendet werden soll (wenn ''data-list'' leer ist)\|\|\|\|["sAllesAn","sAllesAus","sLesen","sEssen]

Drhirn am 8. Februar 2017 um 14:58 Uhr

2017-02-08T14:58:30Z

← Nächstältere Version		Version vom 8. Februar 2017, 16:58 Uhr
Zeile 1:		Zeile 1:
	~~Eine~~ ausklappbare Auswahlbox~~, die eine~~ frei ~~definierbare~~ oder von FHEM ~~empfangene Liste an Werten enthalten kann~~.		Das [[{{PAGENAME}}\|Select Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem eine ausklappbare Auswahlbox erstellt werden kann. Die auswählbaren Werte können frei definiert oder von FHEM empfangen werden.

	<gallery>		<gallery>
Zeile 31:		Zeile 31:
	\|-		\|-
	\|'''class'''\|\|wider, w1x, w2x, w3x, large, big, notransmit\|\|\|\|		\|'''class'''\|\|wider, w1x, w2x, w3x, large, big, notransmit\|\|\|\|
			\|}

			==CSS Klassen==
			{\|class="wikitable"
			!Klasse!!Beschreibung
			\|-
			{{FTUI Klasse\|wider}}{{FTUI Klasse\|w1x}}{{FTUI Klasse\|w2x}}{{FTUI Klasse\|w3x}}{{FTUI Klasse\|large}}{{FTUI Klasse\|big}}{{FTUI Klasse\|notransmit}}
	\|}		\|}

Drhirn: Beispiel AV-Receiver vereinfacht

2017-02-07T13:38:17Z

Beispiel AV-Receiver vereinfacht

← Nächstältere Version		Version vom 7. Februar 2017, 15:38 Uhr
Zeile 38:		Zeile 38:

	<source lang="html">		<source lang="html">
	<div ~~class="wider"~~>		<div>
	<div data-type="label~~" class="inline wider~~">Zone2</div>		<div data-type="label">Zone2</div>
	<div data-type="select"		<div data-type="select"
	data-device="~~AvReceiverZ2~~"		data-device="AvReceiver"
	data-items='["Airplay","Webradio","BD/DVD","PHONO"]'		data-items='["Airplay","Webradio","BD/DVD","PHONO"]'
	data-get="input"		data-get="input"
	data-set="input"		data-set="input"></div>
	~~class="w2x~~" ></div>
	~~<div></div>~~		<div data-type="label">Zone1</div>
	<div data-type="label~~" class="inline~~">Zone1</div>
	<div data-type="select"		<div data-type="select"
	data-device="AvReceiver"		data-device="AvReceiver"
	data-list="inputs"		data-list="inputs"
	data-get="input"		data-get="input"
	data-set="input"		data-set="input"></div>
	~~class="w2x~~" ></div>
	</div>		</div>
	</source>		</source>

Drhirn: Bilder-Gallerie hinzugefügt

2017-02-07T12:50:54Z

Bilder-Gallerie hinzugefügt

← Nächstältere Version		Version vom 7. Februar 2017, 14:50 Uhr
Zeile 1:		Zeile 1:
	Eine ausklappbare Auswahlbox, die eine frei definierbare oder von FHEM empfangene Liste an Werten enthalten kann.		Eine ausklappbare Auswahlbox, die eine frei definierbare oder von FHEM empfangene Liste an Werten enthalten kann.

			<gallery>
			File:Select tabeltUI.png
			File:Ftui-widget-select-02.png
			</gallery>


	==Attribute==		==Attribute==
	{\| class="wikitable"		{\| class="wikitable"

Drhirn: Die Seite wurde neu angelegt: „Eine ausklappbare Auswahlbox, die eine frei definierbare oder von FHEM empfangene Liste an Werten enthalten kann. ==Attribute== {| class="wikitable" !Attribut…“

2017-02-07T12:38:39Z

Die Seite wurde neu angelegt: „Eine ausklappbare Auswahlbox, die eine frei definierbare oder von FHEM empfangene Liste an Werten enthalten kann. ==Attribute== {| class="wikitable" !Attribut…“

Neue Seite

Eine ausklappbare Auswahlbox, die eine frei definierbare oder von FHEM empfangene Liste an Werten enthalten kann.
==Attribute==
{| class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-get'''||Name des Device-Readings, welches angezeigt werden soll||||WoZi_Lichtszene
|-
|'''data-set'''||Name des Device-Readings, welches geändert werden soll (<Befehl> <Device> <Reading> <Wert>)||""|scene
|-
|'''data-list'''||Name des Device-Readings, von dem eine durch Doppelpunkte getrennte Liste von Werten empfangen werden soll||||scenes
|-
|'''data-items'''||Ein Array fixer Werte, die im Widget angezeigt und an FHEM gesendet werden soll (wenn ''data-list'' leer ist)||||["sAllesAn","sAllesAus","sLesen","sEssen]
|-
|'''data-alias'''||Ein Array fester Namen als Alias zu den von ''data-items'' empfangenen Werten||||["Alles An","Alles Aus","Lesen","Essen"
|-
|'''data-cmd'''||Befehl, der an FHEM gesendet werden soll||set||setstate, set, setreading, trigger
|-
|'''data-quote'''||Zeichen, mit denen der gesendete Wert umschlossen werden soll||"||
|-
|'''data-delimiter'''||Zeichen, durch das Listenelemente getrennt werden||:||
|-
|'''class'''||wider, w1x, w2x, w3x, large, big, notransmit||||
|}

==Beispiele==
===Combobox um die Inputs eines AV-Receivers auszuwählen===
Zwei Comboboxen mit denen die Eingänge eines AV-Receivers geschalten werden können. Die Werte für Zone 1 werden von FHEM empfangen, die für Zone 2 sind fix vorgegeben.

<source lang="html">
<div class="wider">
<div data-type="label" class="inline wider">Zone2</div>
<div data-type="select"
data-device="AvReceiverZ2"
data-items='["Airplay","Webradio","BD/DVD","PHONO"]'
data-get="input"
data-set="input"
class="w2x" ></div>
<div></div>
<div data-type="label" class="inline">Zone1</div>
<div data-type="select"
data-device="AvReceiver"
data-list="inputs"
data-get="input"
data-set="input"
class="w2x" ></div>
</div>
</source>
[[File:Select tabeltUI.png]]

===Auswahl verschiedener Licht-Szenen===
Auflistung mehrerer Lichtszenen, die anders heißen sollen, als sie in FHEM benannt sind.
<source lang="html">
<div data-type="select"
data-device="lsWohnzimmer"
data-set="scene"
data-list="scenes"
data-items='["sStandard","sAllesAn","sAllesAus","sEssen","sFernsehen","sComputern"]'
data-alias='["Standard","Alle An","Alle Aus","Essen","Fernsehen","Computern"]'>
</div>
</source>
[[File:Ftui-widget-select-02.png]]

[[Kategorie:FHEM Tablet UI]]