FTUI Widget Progress - Versionsgeschichte

Pahenning am 2. August 2024 um 14:08 Uhr

2024-08-02T14:08:40Z

← Nächstältere Version		Version vom 2. August 2024, 16:08 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Progress Widget]] ist ein Widget für [[FHEM Tablet UI]], welches einen Kreis mit Fortschrittsbalken erstellt.		Das [[{{PAGENAME}}\|Progress Widget]] ist ein Widget für [[FHEM Tablet UI V2]], welches einen Kreis mit Fortschrittsbalken erstellt.

	<gallery>		<gallery>
Zeile 56:		Zeile 56:
	[[File:FTUI_Widget_Progress_02.png]]		[[File:FTUI_Widget_Progress_02.png]]

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

Sinus61: /* Attribute */

2019-01-05T14:54:07Z

Attribute

← Nächstältere Version		Version vom 5. Januar 2019, 16:54 Uhr
Zeile 20:		Zeile 20:
	\|-		\|-
	\|'''data-progress-width'''\|\|Länge der Kreislinie vom Mittelpunkt bis zum Rand des Kreises in Prozent\|\|15\|\|data-progress-width="100"		\|'''data-progress-width'''\|\|Länge der Kreislinie vom Mittelpunkt bis zum Rand des Kreises in Prozent\|\|15\|\|data-progress-width="100"
			\|-
			\|'''data-on-color'''\|\|Farbe der Kreislinie\|\|#aa6900\|\|data-on-color="Gold"
	\|-		\|-
	\|'''data-unit'''\|\|Einheit nach angezeigtem Wert hinzufügen\|\|\|\|data-unit="°C"		\|'''data-unit'''\|\|Einheit nach angezeigtem Wert hinzufügen\|\|\|\|data-unit="°C"

Baumbuwe: catsort

2018-01-26T13:55:49Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 15:55 Uhr
Zeile 54:		Zeile 54:
	[[File:FTUI_Widget_Progress_02.png]]		[[File:FTUI_Widget_Progress_02.png]]

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

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 35:		Zeile 35:
	===PCT Wert eines HUE-Devices===		===PCT Wert eines HUE-Devices===
	Ein ganz einfaches Beispiel, welches den ''pct''-Wert einer HUE Lampe anzeigt.		Ein ganz einfaches Beispiel, welches den ''pct''-Wert einer HUE Lampe anzeigt.
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="progress" data-device="HUEDevice1" data-get='pct'></div>		<div data-type="progress" data-device="HUEDevice1" data-get='pct'></div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Progress_01.png]]		[[File:FTUI_Widget_Progress_01.png]]

	===Alle verfügbaren Attribute===		===Alle verfügbaren Attribute===
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="progress"		<div data-type="progress"
	data-device="HM_367B29_Weather"		data-device="HM_367B29_Weather"
Zeile 51:		Zeile 51:
	data-part="2"		data-part="2"
	class=""></div>		class=""></div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Progress_02.png]]		[[File:FTUI_Widget_Progress_02.png]]

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

Drhirn: Die Seite wurde neu angelegt: „Das Progress Widget ist ein Widget für FHEM Tablet UI, welches einen Kreis mit Fortschrittsbalken erstellt. File:FTUI_Widget_P…“

2017-02-11T16:26:03Z

Die Seite wurde neu angelegt: „Das [[{{PAGENAME}}|Progress Widget]] ist ein Widget für FHEM Tablet UI, welches einen Kreis mit Fortschrittsbalken erstellt. <gallery> File:FTUI_Widget_P…“

Neue Seite

Das [[{{PAGENAME}}|Progress Widget]] ist ein Widget für [[FHEM Tablet UI]], welches einen Kreis mit Fortschrittsbalken erstellt.

<gallery>
File:FTUI_Widget_Progress_01.png
File:FTUI_Widget_Progress_02.png
</gallery>

==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-get'''||Name des Readings, dessen Wert angezeigt werden soll||STATE||data-get="measured-temp"
|-
|'''data-min'''||Niedrigster Wert oder Name des Readings, in dem der Wert steht||0||data-min="10"
|-
|'''data-max'''||Höchster Wert oder Name des Readings, in dem der Wert steht||100||data-max="25"
|-
|'''data-progress-width'''||Länge der Kreislinie vom Mittelpunkt bis zum Rand des Kreises in Prozent||15||data-progress-width="100"
|-
|'''data-unit'''||Einheit nach angezeigtem Wert hinzufügen||||data-unit="°C"
|-
|'''data-part'''||Wählt bei Werten, die durch Leerzeichen getrennt sind, die Position des Teiles aus, der angezeigt werden soll. Der Teil kann auch mit RegEx ermittelt werden.||-1 -> alles anzeigen||data-part="2"
|}

==CSS Klassen==
{|class="wikitable"
!Klasse!!Beschreibung
{{FTUI Klasse|novalue}}{{FTUI Klasse|percent}}
|}

==Beispiele==
===PCT Wert eines HUE-Devices===
Ein ganz einfaches Beispiel, welches den ''pct''-Wert einer HUE Lampe anzeigt.
<source lang="html">
<div data-type="progress" data-device="HUEDevice1" data-get='pct'></div>
</source>
[[File:FTUI_Widget_Progress_01.png]]

===Alle verfügbaren Attribute===
<source lang="html">
<div data-type="progress"
data-device="HM_367B29_Weather"
data-get="STATE"
data-min="0"
data-max="100"
data-progress-width="100"
data-unit="°C"
data-part="2"
class=""></div>
</source>
[[File:FTUI_Widget_Progress_02.png]]

[[Kategorie:FHEM Tablet UI]]