FTUI Widget Volume

Aus FHEMWiki
Version vom 17. Februar 2017, 11:23 Uhr von Drhirn (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „Das [[{{PAGENAME}}|Volume Widget]] ist ein Widget für FHEM Tablet UI, das eine Einstellscheibe zur Änderung eines einzelnen Wertes zur Verfügung stellt.…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

Das Volume Widget ist ein Widget für FHEM Tablet UI, das eine Einstellscheibe zur Änderung eines einzelnen Wertes zur Verfügung stellt.

Attribute

Für das Volume-Widget gelten alle Attribute des Knob-Widgets. Und zusätzlich die folgenden:

Attribut Beschreibung Standard-Wert Beispiel
data-get Name des Readings, das den darzustellenden Wert enthält STATE data-get="volume"
data-set Name des Readings, dessen Wert geändert werden soll data-set="volume"
data-cmd Name des Befehls, mit dem das Reading geändert wird (z.B. setstate, set, setreading, trigger) set
data-get-value RegEx oder Position des Wertes in einer leerzeichen-getrennten Textzeile, mit der der Wert erhalten werden kann -1 -> alles anzeigen
data-set-value Format des Wertes, wie er an FHEM gesendet werden soll $v (nur der Wert)
data-min Mindestwert, der gesetzt werden kann 0 data-min="10"
data-max Maximalwert, der gesetzt werden kann 70 data-max="100"
data-tickstep Abstand zwischen den einzelnen Schritten 4/20 data-tickstep="1"
data-unit Einheit zum gewünschten Wert hinzufügen data-unit="&deg"

CSS Klassen

mini Setzt die Größe des Elementes auf 50%
small Setzt die Größe des Elementes auf 80%
big Setzt die Größe des Elementes auf 150%
bigger Setzt die Größe des Elementes auf 200%
hue-tick Färbt die Skalenstriche in einer Farbe aus einem Farbbereich ein
hue-front Färbt den Einstellhebel in einer Farbe aus einem Farbbereich ein
hue-back Färbt den Skalenhintergrund in einer Farbe aus einem Farbbereich ein
dim-tick Färbt die Skalenstriche in einer Farbe aus einem Helligkeitsbereich ein
dim-front Färbt den Einstellhebel in einer Farbe aus einem Helligkeitsbereich ein
dim-back Färbt die Skalenhintergrund in einer Farbe aus einem Helligkeitsbereich ein
readonly Manuelle Änderung des Device-Zustandes nicht möglich

Beispiele

Einfaches Beispiel

<div data-type="volume"
     data-device="AVReceiver"
     data-get="volume"
     data-set="volume"></div>

FTUI Widget Volume 01.png