FTUI Widget Classchanger - Versionsgeschichte

Pahenning am 2. August 2024 um 14:04 Uhr

2024-08-02T14:04:25Z

← Nächstältere Version		Version vom 2. August 2024, 16:04 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Classchanger Widget]] ist ein Widget für [[FHEM Tablet UI]], welches seine CSS-Klassen abhängig vom Status eines FHEM-Devices ändern kann.		Das [[{{PAGENAME}}\|Classchanger Widget]] ist ein Widget für [[FHEM Tablet UI V2]], welches seine CSS-Klassen abhängig vom Status eines FHEM-Devices ändern kann.

	<gallery>		<gallery>
Zeile 49:		Zeile 49:


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

Baumbuwe: catsort

2018-01-26T14:11:03Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 16:11 Uhr
Zeile 49:		Zeile 49:


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

Ulm32b: Link auf Anwendungsbeispiel Departure.

2017-12-10T16:29:15Z

Link auf Anwendungsbeispiel Departure.

← Nächstältere Version		Version vom 10. Dezember 2017, 18:29 Uhr
Zeile 44:		Zeile 44:
	</syntaxhighlight>		</syntaxhighlight>
	[[File:FTUI_Widget_Classchanger_01.png]]		[[File:FTUI_Widget_Classchanger_01.png]]

			==Links==
			Anwendungsbeispiel: Umschalten zwischen zwei Darstellungsoptionen am Beispiel relativer und absoluter Abfahrtszeiten im [[FTUI Widget Departure]].


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

Ulm32b: /* Attribute */ Syntax für Listen ergänzt.

2017-11-11T12:54:23Z

Attribute: Syntax für Listen ergänzt.

← Nächstältere Version		Version vom 11. November 2017, 14:54 Uhr
Zeile 16:		Zeile 16:
	\|'''data-get'''\|\|Name des Readings, das den Status-Wert enthält\|\|STATE\|\|		\|'''data-get'''\|\|Name des Readings, das den Status-Wert enthält\|\|STATE\|\|
	\|-		\|-
	\|'''data-get-on'''\|\|Wert des Readings, der für "ON" steht\|\|on\|\|data-get-on="present"		\|'''data-get-on'''\|\|Wert des Readings, der für "ON" steht. Auch eine Liste von Werten ist möglich.\|\|on\|\|data-get-on="present"
			data-get-on="(spielt\|lernt\|schläft)"
	\|-		\|-
	\|'''data-get-off'''\|\|Wert des Readings, der für "OFF" steht\|\|off\|\|data-get-on="absent"		\|'''data-get-off'''\|\|Wert des Readings, der für "OFF" steht\|\|off\|\|data-get-on="absent"

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 28:		Zeile 28:
	===Einfaches Beispiel===		===Einfaches Beispiel===
	Dieses Beispiel fügt die CSS-Klasse ''border-red'' zum "Classchanger-Container" hinzu, wenn der Status des ''dummy1'' '''on''' ist.		Dieses Beispiel fügt die CSS-Klasse ''border-red'' zum "Classchanger-Container" hinzu, wenn der Status des ''dummy1'' '''on''' ist.
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="classchanger"		<div data-type="classchanger"
	data-device="dummy1"		data-device="dummy1"
Zeile 41:		Zeile 41:

	</div>		</div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Classchanger_01.png]]		[[File:FTUI_Widget_Classchanger_01.png]]

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

Drhirn: Die Seite wurde neu angelegt: „Das Classchanger Widget ist ein Widget für FHEM Tablet UI, welches seine CSS-Klassen abhängig vom Status eines FHEM-Devices ändern kann…“

2017-02-24T09:55:31Z

Die Seite wurde neu angelegt: „Das [[{{PAGENAME}}|Classchanger Widget]] ist ein Widget für FHEM Tablet UI, welches seine CSS-Klassen abhängig vom Status eines FHEM-Devices ändern kann…“

Neue Seite

Das [[{{PAGENAME}}|Classchanger Widget]] ist ein Widget für [[FHEM Tablet UI]], welches seine CSS-Klassen abhängig vom Status eines FHEM-Devices ändern kann.

<gallery>
File:FTUI_Widget_Classchanger_01.png
</gallery>

==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-device'''||Name des FHEM-Devices, dessen Reading gelesen/geändert werden sollen||||
|-
|'''data-get'''||Name des Readings, das den Status-Wert enthält||STATE||
|-
|'''data-get-on'''||Wert des Readings, der für "ON" steht||on||data-get-on="present"
|-
|'''data-get-off'''||Wert des Readings, der für "OFF" steht||off||data-get-on="absent"
|-
|'''data-on-class'''||CSS-Klasse, die im Falle von "ON" hinzugefügt werden soll||on||data-on-class="bg-red"
|-
|'''data-off-class'''||CSS-Klasse, die im Falle von "OFF" hinzugefügt werden soll||off||data-off-class="bg-blue"
|}

==Beispiele==
===Einfaches Beispiel===
Dieses Beispiel fügt die CSS-Klasse ''border-red'' zum "Classchanger-Container" hinzu, wenn der Status des ''dummy1'' '''on''' ist.
<source lang="html">
<div data-type="classchanger"
data-device="dummy1"
data-on-class="border-red"
class="container bg-gray">

<div data-type="symbol"
data-device="dummy1"></div>

<div data-type="symbol"
data-device="dummy2"></div>

</div>
</source>
[[File:FTUI_Widget_Classchanger_01.png]]

[[Kategorie:FHEM Tablet UI]]