FTUI Widget Progress
Das Progress Widget ist ein Widget für FHEM Tablet UI, welches einen Kreis mit Fortschrittsbalken erstellt.
Attribute
| 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-on-color | Farbe der Kreislinie | #aa6900 | data-on-color="Gold" |
| 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
| Klasse | Beschreibung |
|---|---|
| novalue | Zeigt den Wert nicht als Text, nur als Grafik an |
| percent | Zeigt nicht den ausgelesenen Wert an, sondern rechnet ihn in eine Prozentangabe zw. dem angegebenem Mindest- und Maximalwert um. |
Beispiele
PCT Wert eines HUE-Devices
Ein ganz einfaches Beispiel, welches den pct-Wert einer HUE Lampe anzeigt.
<div data-type="progress" data-device="HUEDevice1" data-get='pct'></div>
Alle verfügbaren Attribute
<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>
