FTUI Widget Spinner

Aus FHEMWiki


Clock - Under Construction.svg 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="&deg;"
></div>