|
An dieser Seite wird momentan noch gearbeitet.
|
| Todo: Wohl unvollständig, Korrekturlesen
|
Das Label Spinner ist ein Widget für FHEM Tablet UI mit dem ein Setting eines FHEM-Devices mit Hilfe von "up/down"- bzw. "+/-"-Buttons eingestellt werden kann.
Attribute
| Attribut
|
Beschreibung
|
Standard-Wert
|
Beispiel
|
| data-get |
DeviceReading das angezeigt werden soll |
-1 (alles) |
data-get="desired-temp"
|
| data-set |
DeviceReading welches den set-Befehl empfangen soll |
|
data-set="desired-temp"
|
| data-get-value |
RegEx oder Nummer des Wortes, nach dem der angezeigte Text gefiltert werden soll |
-1 (alles) |
|
| data-color |
RGB-Wert oder Farbzeichnung für den Wertebalken |
orange |
data-color="#404040"
|
| data-text-color |
Fester Farbwert für festen, oder DEVICE:READING für einen dynamischen Farbwert des Text-Readings |
#ccc |
data-text-color="red"
|
| data-background-color |
Hintergrundfarbe des Widgets |
|
|
| data-icon-left-color |
RGB-Wert oder Farbbezeichnung für das linke Button-Symbol |
#aaa |
data-left-color="green"
|
| data-icon-right-color |
RGB-Wert oder Farbbezeichnung für das rechte Button-Symbol |
#aaa |
data-right-color="red"
|
| data-icon-left |
Name des linken Symbols |
|
|
| data-icon-right |
Name des rechten Symbols |
|
|
| data-width |
Feste Breite des Widgets in px oder % |
|
|
| data-height |
Feste Höhee des Widgets in px oder % |
|
|
| data-max |
Maximalwert des Anzeigebreichs |
100 |
data-max="31"
|
| data-min |
Minimalwert des Anzeigebreichs |
0 |
data-min="12"
|
| data-step |
Numerischer Wert für das Intervall bei Klick auf Icon |
1 |
data-step="2"
|
| data-unit |
Einheit nach dem numerischen Text-Wert hinzufügen |
|
data-unit="°"
|
| data-shortdelay |
Verzögerungszeit (ms) für Befehlswiederholung bei Tastendruck |
80 |
data-shortdelay="120"
|
| data-longdelay |
Zeitverzögerung (ms) für den Befehl nach Loslassen der Taste |
500 |
data-shortdelay="350"
|
| data-off |
Wert eines Readings der als "off" gilt |
|
data-off="10"
|
| data-on |
Wert eines Readings der als "on" gilt |
|
data-off="22"
|
| data-lock |
Name eines Readings, dessen boole'scher Wert das Widget sperrt (readonly) |
|
|
CSS Klassen
| Klasse |
Beschreibung
|
| valueonly |
Zeigt den Wert in Textform statt eines Balkens
|
| value |
Zeigt ein Label am Element, das den aktuellen Wert enthält
|
| circulate |
Anzeige startet bei Überschreiten des "max"-Wertes wieder beim "min"-Wert
|
| positiononly |
Stellt nur die aktuelle Position dar, nicht einen ganzen Balken vom Startpunkt bis zur aktuellen Position
|
Beispiele
Einfache Widget
<div data-type="spinner"
data-device="HM_Thermostat"
data-get="desired-temp"
data-set="desired-temp"
data-icon-left-color="blue"
data-icon-right-color="red"
data-height="40"
data-width="140"
data-step="0.5"
data-min="10"
data-max="30"
data-unit="°"
></div>
