FTUI Snippets - Versionsgeschichte

Pahenning am 3. August 2024 um 08:44 Uhr

2024-08-03T08:44:31Z

← Nächstältere Version		Version vom 3. August 2024, 10:44 Uhr
Zeile 263:		Zeile 263:

	[[Kategorie:Code Snippets]]		[[Kategorie:Code Snippets]]
	[[Kategorie:FHEM Tablet UI\|Snippets]]		[[Kategorie:FHEM Tablet UI V2\|Snippets]]

F Klee: /* Rollladen Circle Menu */

2022-01-26T19:03:55Z

Rollladen Circle Menu

← Nächstältere Version		Version vom 26. Januar 2022, 21:03 Uhr
Zeile 134:		Zeile 134:
	*** graues Rollladensymbol abhängig von der Rollladenposition (0-100)		*** graues Rollladensymbol abhängig von der Rollladenposition (0-100)
	** Rollladen bewegt sich nach oben (gelb, Rolladen mit Pfeil nach oben)		** Rollladen bewegt sich nach oben (gelb, Rolladen mit Pfeil nach oben)
	** Rollladen bewegt sich nach ~~oben~~ (gelb, Rolladen mit Pfeil nach unten)		** Rollladen bewegt sich nach unten (gelb, Rolladen mit Pfeil nach unten)
	* Buttons für die Bedienung des Rollladens anbietet		* Buttons für die Bedienung des Rollladens anbietet
	** Icon Pfeil nach unten zum Schließen des Rollladens		** Icon Pfeil nach unten zum Schließen des Rollladens

TheCrow: Kleine Korrektur zum Statusfeld

2021-04-28T17:38:41Z

Kleine Korrektur zum Statusfeld

← Nächstältere Version		Version vom 28. April 2021, 19:38 Uhr
Zeile 230:		Zeile 230:
	== Dachfenster Circle Menu ==		== Dachfenster Circle Menu ==
	Analog zum Rolladen hier das passende Widget für ein Dachfenster via [[Velux KLF200\|KLF200]]:		Analog zum Rolladen hier das passende Widget für ein Dachfenster via [[Velux KLF200\|KLF200]]:

			:<code>attr VeluxKLF200_1 stateFormat pct (limitationMin - limitationMax) execution</code>

	<syntaxhighlight lang="html4strict">		<syntaxhighlight lang="html4strict">

TheCrow: /* Rollladen Circle Menu */

2021-04-28T17:36:27Z

Rollladen Circle Menu

← Nächstältere Version		Version vom 28. April 2021, 19:36 Uhr
Zeile 196:		Zeile 196:
	</syntaxhighlight>		</syntaxhighlight>

	Hier noch ein Beispiel zur Darstellung eines via [[Velux KLF200]] eingebundenen Rollladens. ~~Hier ist die Definition eines eigenen Attributes ''statePosition'' überflüssig~~, ~~da bereits~~ das Attribut ~~STATE einen passenden Wert enthält~~.		Hier noch ein Beispiel zur Darstellung eines via [[Velux KLF200]] eingebundenen Rollladens. Als Statusattribut wird STATE verwendet, das ensprechend der [[Velux KLF200#Vorschl.C3.A4ge_zur_sch.C3.B6neren_Darstellung\|Vorschläge zur schöneren Darstellung]] über das Attribut stateFormat befüllt wird.
			:<code>attr VeluxKLF200_0 stateFormat pct execution</code>

	<syntaxhighlight lang="html4strict">		<syntaxhighlight lang="html4strict">
	<div data-type="circlemenu" class="circlemenu">		<div data-type="circlemenu" class="circlemenu">

TheCrow: Beispiele Fenster und Rollladen mit KLF200 ergänzt

2021-04-26T19:54:45Z

Beispiele Fenster und Rollladen mit KLF200 ergänzt

@@ Zeile 195: / Zeile 195: @@
 			<div data-type="label">Rollladen</div>
 </syntaxhighlight>
 [[Kategorie:Code Snippets]]
 [[Kategorie:FHEM Tablet UI|Snippets]]

Setstate: /* Vier Buttons für HomeStatus */

2019-03-17T20:22:28Z

Vier Buttons für HomeStatus

← Nächstältere Version		Version vom 17. März 2019, 22:22 Uhr
Zeile 13:		Zeile 13:
	data-set-off="" class="green"		data-set-off="" class="green"
	data-icon="fa-home" data-background-icon="fa-square" ></div>		data-icon="fa-home" data-background-icon="fa-square" ></div>
	<div ~~data-type="label"~~ class="inline w1x">Home</div>		<div class="inline w1x">Home</div>
	</div>		</div>
	<div>		<div>
Zeile 20:		Zeile 20:
	data-set-off="" class="blue"		data-set-off="" class="blue"
	data-icon="fa-bed" data-background-icon="fa-square" ></div>		data-icon="fa-bed" data-background-icon="fa-square" ></div>
	<div ~~data-type="label"~~ class="inline w1x">Night</div>		<div class="inline w1x">Night</div>
	</div>		</div>
	<div>		<div>
Zeile 27:		Zeile 27:
	data-set-off="" class="orange"		data-set-off="" class="orange"
	data-icon="fa-car" data-background-icon="fa-square" ></div>		data-icon="fa-car" data-background-icon="fa-square" ></div>
	<div ~~data-type="label"~~ class="inline w1x">Away</div>		<div class="inline w1x">Away</div>
	</div>		</div>
	<div>		<div>
Zeile 34:		Zeile 34:
	data-set-off="" class="red"		data-set-off="" class="red"
	data-icon="fa-suitcase" data-background-icon="fa-square" ></div>		data-icon="fa-suitcase" data-background-icon="fa-square" ></div>
	<div ~~data-type="label"~~ class="inline w1x">Holiday</div>		<div class="inline w1x">Holiday</div>
	</div>		</div>
	</li>		</li>

Baumbuwe: catsort

2018-01-26T14:15:18Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 16:15 Uhr
Zeile 196:		Zeile 196:
	</syntaxhighlight>		</syntaxhighlight>
	[[Kategorie:Code Snippets]]		[[Kategorie:Code Snippets]]
	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI\|Snippets]]

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 5:		Zeile 5:
	[[Datei:Ftui_homestatus_buttons.png\|mini\|rechts]]		[[Datei:Ftui_homestatus_buttons.png\|mini\|rechts]]

	<~~source~~ lang="html4strict">		<syntaxhighlight lang="html4strict">
	<li data-row="1" data-col="9" data-sizex="2" data-sizey="3">		<li data-row="1" data-col="9" data-sizex="2" data-sizey="3">
	<header>HOMESTATUS</header>		<header>HOMESTATUS</header>
Zeile 37:		Zeile 37:
	</div>		</div>
	</li>		</li>
	</~~source~~>		</syntaxhighlight>

	=== Switch funktioniert wie ein Push Widget, aber zeigt auch Status an, wie ein Symbol Widget ===		=== Switch funktioniert wie ein Push Widget, aber zeigt auch Status an, wie ein Symbol Widget ===
	[[Datei:FTUI_Taster-mit-Switch.png\|mini\|rechts]]		[[Datei:FTUI_Taster-mit-Switch.png\|mini\|rechts]]
	<~~source~~ lang="html4strict">		<syntaxhighlight lang="html4strict">
	<div data-type="switch" data-device="dummy1"		<div data-type="switch" data-device="dummy1"
	data-get-on="auf"		data-get-on="auf"
Zeile 60:		Zeile 60:
	data-icon="fa-arrow-down">		data-icon="fa-arrow-down">
	</div>		</div>
	</~~source~~>		</syntaxhighlight>

	=== Variante 2 (Mehrfach Auslösen möglich) ===		=== Variante 2 (Mehrfach Auslösen möglich) ===
	<~~source~~ lang="html4strict">		<syntaxhighlight lang="html4strict">
	<div data-type="switch" data-device="dummy1"		<div data-type="switch" data-device="dummy1"
	data-states='["zu","mittel","auf"]'		data-states='["zu","mittel","auf"]'
Zeile 76:		Zeile 76:
	data-icon="fa-arrow-down">		data-icon="fa-arrow-down">
	</div>		</div>
	</~~source~~>		</syntaxhighlight>

	== Beschriftungen von Buttons ==		== Beschriftungen von Buttons ==
	=== Doublebox-v Beschriftung rechts ===		=== Doublebox-v Beschriftung rechts ===
	[[Datei:FTUI_doublebox.png\|mini\|rechts]]		[[Datei:FTUI_doublebox.png\|mini\|rechts]]
	<~~source~~ lang="html4strict">		<syntaxhighlight lang="html4strict">
	<div>		<div>
	<div class="doublebox-v inline">		<div class="doublebox-v inline">
Zeile 98:		Zeile 98:
	</div>		</div>
	</div>		</div>
	</~~source~~>		</syntaxhighlight>

	=== Triplebox-v Beschriftung rechts ===		=== Triplebox-v Beschriftung rechts ===
	[[Datei:FTUI_triplebox.png\|mini\|rechts]]		[[Datei:FTUI_triplebox.png\|mini\|rechts]]
	<~~source~~ lang="html4strict">		<syntaxhighlight lang="html4strict">
	<div class="cell">		<div class="cell">
	<div class="triplebox-v inline">		<div class="triplebox-v inline">
Zeile 124:		Zeile 124:
	</div>		</div>
	</div>		</div>
	</~~source~~>		</syntaxhighlight>
	== Rollladen Circle Menu ==		== Rollladen Circle Menu ==
	[[Datei:RollladenCircleMenu.png\|mini\|rechts]]		[[Datei:RollladenCircleMenu.png\|mini\|rechts]]
Zeile 165:		Zeile 165:

	Hier der Code für TabletUI, der kommt z.B. in die index.html		Hier der Code für TabletUI, der kommt z.B. in die index.html
	<~~source~~ lang="html4strict">		<syntaxhighlight lang="html4strict">
	<div class="container">		<div class="container">
	<div data-type="circlemenu" class="cell circlemenu">		<div data-type="circlemenu" class="cell circlemenu">
Zeile 194:		Zeile 194:
	</div>		</div>
	<div data-type="label">Rollladen</div>		<div data-type="label">Rollladen</div>
	</~~source~~>		</syntaxhighlight>
	[[Kategorie:Code Snippets]]		[[Kategorie:Code Snippets]]
	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI]]

Krikan: FHEM(R)

2017-01-26T22:35:12Z

FHEM(R)

← Nächstältere Version		Version vom 27. Januar 2017, 00:35 Uhr
Zeile 141:		Zeile 141:
	* Switch zum Ein-/Ausschalten der Rollladenautomatik		* Switch zum Ein-/Ausschalten der Rollladenautomatik

	EnOcean Devices für Rollläden (z.B. [[EnOcean-FSB61-Aktor-Beschattungselemente-Rollladen\|Eltako FSB61]]) können in ~~Fhem~~ folgende Stati annehmen:		EnOcean Devices für Rollläden (z.B. [[EnOcean-FSB61-Aktor-Beschattungselemente-Rollladen\|Eltako FSB61]]) können in FHEM folgende Stati annehmen:
	* up		* up
	* down		* down
Zeile 153:		Zeile 153:
	Zusätzlich gibt es noch das Reading "position", dass mit einer Zahl zwischen 0 und 100 angibt, wie weit der Rolladen geschlossen ist.		Zusätzlich gibt es noch das Reading "position", dass mit einer Zahl zwischen 0 und 100 angibt, wie weit der Rolladen geschlossen ist.

	Um möglichst viel Information im Rollladen Circle Menü anzuzeigen, werden die beiden Werte (Status und Reading "position") mit dem Attribut userReadings im ~~Fhem~~ Rollladen-Device (in diesem Beispiel: "st6.kueche.rollladen") zu einem neuen Reading "statePosition" zusammengefasst:		Um möglichst viel Information im Rollladen Circle Menü anzuzeigen, werden die beiden Werte (Status und Reading "position") mit dem Attribut userReadings im FHEM Rollladen-Device (in diesem Beispiel: "st6.kueche.rollladen") zu einem neuen Reading "statePosition" zusammengefasst:
	<pre>		<pre>
	attr st6.kueche.rollladen userReadings statePosition {		attr st6.kueche.rollladen userReadings statePosition {

50watt: /* Rollladen Circle Menu */ Wiki-Links zu FSB61 und Circle Menu hinzugefügt

2016-08-12T09:30:11Z

Rollladen Circle Menu: Wiki-Links zu FSB61 und Circle Menu hinzugefügt

← Nächstältere Version		Version vom 12. August 2016, 11:30 Uhr
Zeile 127:		Zeile 127:
	== Rollladen Circle Menu ==		== Rollladen Circle Menu ==
	[[Datei:RollladenCircleMenu.png\|mini\|rechts]]		[[Datei:RollladenCircleMenu.png\|mini\|rechts]]
	Dieses Beispiel bringt ein Circle Menü, dass		Dieses Beispiel bringt ein [[FHEM_Tablet_UI#circlemenu\|Circle Menü]], dass
	* den Status des Rollladens als Icon anzeigt		* den Status des Rollladens als Icon anzeigt
	** bestätigt offen (grün, offener Rollladen)		** bestätigt offen (grün, offener Rollladen)
Zeile 141:		Zeile 141:
	* Switch zum Ein-/Ausschalten der Rollladenautomatik		* Switch zum Ein-/Ausschalten der Rollladenautomatik

	EnOcean Devices für Rollläden (z.B. Eltako FSB61) können in Fhem folgende Stati annehmen:		EnOcean Devices für Rollläden (z.B. [[EnOcean-FSB61-Aktor-Beschattungselemente-Rollladen\|Eltako FSB61]]) können in Fhem folgende Stati annehmen:
	* up		* up
	* down		* down