Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[RikDRS]

Bitte verzeiht die eventuell falschen Begrifflichkeiten - CSS ist noch unbekannter viel mich als vieles anderes ;)

Folgendes möchte ich erreichen:
wenn der Datenpunkt "javascript.0.Vis.muell.restabfall" <= 1 ist, soll die CSS-Klasse mdui-red-blink aufgerufen werden, wenn = 2 dann mdui-yellow-blink und sonst "mdui-blue-blink"

Dies habe ich in der CSS-Klasse des Widget eingegeben:

{val:javascript.0.Vis.muell.restabfall; val <= "1" ? "mdui-red-blink" : val == "2" ? "mdui-yellow-blink"  : "mdui-blue-blink"}

Der Wert des DPs ist nun = 7, trotzdem wird die CSS-Klasse "mdui-yellow-blink" ausgeführt / aufgerufen?

Warum, wo ist mein Fehler?
Verstehe es bisher so:
verwende Value des DP; wenn val = A, mache "xxx" : wenn val = B, mache "yyy" : sonst "zzz"

Danke!

[Oli]

@rikdrs

hast du es mal so versucht?

{val:javascript.0.Vis.muell.restabfall; val <= 1 ? "mdui-red-blink" : val == 2 ? "mdui-yellow-blink" : "mdui-blue-blink"}

[RikDRS]

ja, aber auch das selbe Ergebnis

[Oli]

@rikdrs
hier mal ein Beispiel, dass bei mir funktioniert

{wert:tankerkoenig.0.stations.5.diesel.difference; wert>0 ? "red" : wert<0 ? "green" :: "#8f8f8f"}

[RikDRS]

Danke für Eure Gedanken!

Habe es nun wie folgt hinbekommen:

{val:javascript.0.Vis.muell.papiertonne; val <= "1" ? "mdui-red-blink" : val == "2" ? "mdui-yellow-blink" : ""}

[Codierknecht]

@rikdrs

So funktioniert's einwandfrei:

{val:0_userdata.0.test; val<=1 ? "mdui-red-blink" : val==2 ? "mdui-yellow-blink" : "mdui-blue-blink"}

Zwischen den Operatoren dürfen keine Leerzeichen stehen.

Und eigene DP sollte man unterhalb von 0_userdata.0 anlegen.
Werden die mit JS angelegt? Dann muss da der komplette Pfad angegeben werden, sonst landen die wie bei Dir unter javascript.0.

[BananaJoe]

@rikdrs Ich habe das bei meiner Müllabfuhranzeige so gelöst das ich in das Feld für die CSS-Klasse einen Datenpunkt eingetragen haben ( in {...} als Binding ) und entscheide per Skript welche der CSS-Klassen ich da Eintrage so das es normalerweise weiß dargestellt wird und ab einen Tag davor weiß/rot blinkend