FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Grishn am 01 Januar 2017, 13:55:37

Titel: [Gelöst] Problem mit Symbol und data-states / data-icons / data-colors
Beitrag von: Grishn am 01 Januar 2017, 13:55:37
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:


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

Titel: Antw:Problem mit Symbol und data-states / data-icons / data-colors
Beitrag von: paul79 am 01 Januar 2017, 17:54:25
Hallo,

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

<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

<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
Titel: Antw:Problem mit Symbol und data-states / data-icons / data-colors
Beitrag von: Grishn am 02 Januar 2017, 17:48:30
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 (https://github.com/knowthelist/fhem-tablet-ui#symbol-widget) ) falsch / irreführend angegeben ist.
Titel: Antw:Problem mit Symbol und data-states / data-icons / data-colors
Beitrag von: setstate am 03 Januar 2017, 10:19:11
'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.
Titel: Antw:Problem mit Symbol und data-states / data-icons / data-colors
Beitrag von: Grishn am 03 Januar 2017, 14:00:23
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.
Titel: Problem mit Symbol und data-states / data-icons / data-colors
Beitrag von: Grishn am 03 Januar 2017, 18:37:43
Kurze Rückmeldung: Klappt super nach dem Update.
Genau wie es sein soll. Nochmal vielen Dank.
Titel: Antw:Problem mit Symbol und data-states / data-icons / data-colors
Beitrag von: redlav am 03 Januar 2017, 23:11:05
Zitat von: Grishn am 03 Januar 2017, 14:00:23
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!