[Gelöst] Problem mit Symbol und data-states / data-icons / data-colors

[Grishn]

Hallo,

ich bin etwas am Verzweifel und finde den Fehler nicht.

Ich möchte mir den Zustand einer structure mit einem Symbol anzeigen lassen.

Die Zustände sind on, off und undefined. Die Structure funktioniert wie gewünscht, der state wird gesetzt.

Wenn ich dies nun aber anzeigen lassen will, funktioniert die Darstellung nicht.
Bei on soll der Ring / Background und das Icon Orange sein, bei off beides Grau. Bei undefined soll der Ring / Background grau sein, das Icon orange.

Leider zeigt er bei undefined und on gar keinen Background an, das Icon bleibt grau.
Auch die Änderung der Reihenfolge ( "off","undefined","on" ) hat nichts gebracht.

Was mache ich hier falsch ? Habe ich die Syntax nicht richtig verstanden ? Wie lässt sich dies ansonsten lösen ?

Hier einmal der Code Ausschnitt:

Code Auswählen Erweitern


<div data-type="symbol" data-device="structure_Licht_Arbeitszimmer"
data-get="state"
data-background-icons='["fa-circle-thin","fa-circle-thin","fa-circle-thin"]'
data-icons='["fa-lightbulb-o","fa-lightbulb-o","fa-lightbulb-o"]'
data-states='["off","on","undefined"]'
data-colors='["#505050","#aa6900","#aa6900"]'
data-background-colors='["#505050","#aa6900","#505050"]'
class="cell">
</div>


[paul79]

Hallo,

ich habe es so bei mir drin stehen und es funktioniert.

Code Auswählen Erweitern

<div data-type="symbol"
data-device="WZ.Lueften" data-get="state"
data-get-on='["close","closed","opened","open"]'
data-on-colors='["SeaGreen","SlateBlue","orange","Red"]'
data-icons='["oa-fts_window_2w fa-blink","oa-fts_window_2w_tilt","oa-fts_window_2w_open_r","oa-fts_window_2w_open_lr fa-blink"]'
class="readonly"></div>


dann sollte deines so gehen

Code Auswählen Erweitern

<div data-type="symbol" data-device="structure_Licht_Arbeitszimmer"
data-get="state"
data-background-icons='["fa-circle-thin","fa-circle-thin","fa-circle-thin"]'
data-icons='["fa-lightbulb-o","fa-lightbulb-o","fa-lightbulb-o"]'
data-get-on='["off","on","undefined"]'
data-on-colors='["#505050","#aa6900","#aa6900"]'
data-background-colors='["#505050","#aa6900","#505050"]'
class="cell">
</div>

Gruß Paul

[Grishn]

Musste eben einmal genauer hinsehen

also deine Empfehlung data-get-on anstelle von states ?
Werde ich einmal probieren und berichten.

Jedoch würde mich trotzdem interessieren ob die Syntax so richtig ist oder ob es vielleicht bei Github ( https://github.com/knowthelist/fhem-tablet-ui#symbol-widget ) falsch / irreführend angegeben ist.

[setstate]

'undefined' ist im Javascript ein reserviertes Wort ähnlich zu 'null'.
Bis jetzt wurden so lautende Status als ungültig gesehen. Das habe ich jetzt angepasst, sodass der oben genannten Code jetzt passen sollte.

[Grishn]

Oh Super. Danke, werde es dann einmal testen.

War ich der Erste, der sich die Stati einer structure als Symbol anzeigen lasste wollte ?
Bin natürlich auch immer offen für Vorschläge, wie man es besser machen könnten.

[Grishn]

Kurze Rückmeldung: Klappt super nach dem Update.
Genau wie es sein soll. Nochmal vielen Dank.

[redlav]

War ich der Erste, der sich die Stati einer structure als Symbol anzeigen lasste wollte ?

Nö, habe mir heute den Tag über einen abgebrochen und finden dann hier die Lösung. 
Vielen Dank wie immer an setstate für den super Support!