FTUI Widget Spinner

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-background-color="none"
data-gradient-color	Array von Farbwerten für einen Verlauf des Wertebalkens		data-gradient-color='["blue","red"]'
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-left="fa-volume-down"
data-icon-right	Name des rechten Symbols		data-icon-left="fa-volume-up"
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

Einfaches 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>

Weitere Beispiele

http://knowthelist.github.io/fhem/tablet/demo_spinner.html