Switch / Push Button Farbe bleibt nicht

[AlexMuc81]

Hallo zusammen,

leider schon wieder eine Anfänger Frage. Ich habe mir den Quellcode von Roman https://ueberueck.com/index.php/fhem-hausautomatisierung/fhem-tablet-ui für meine Sonos Steuerung kopiert. Er verwendet für die Steuerung (z.B. Next) folgenden Befehl

Code Auswählen Erweitern

<div data-type="push"
data-device="Sonos_Buero"
data-get="transportState"
data-set=""
data-states='["PLAYING","PAUSED_PLAYBACK","STOPPED","ERROR"]'
data-set-states='["Next","Next","Next",""]'
data-icons='["fa-step-forward","fa-step-forward","fa-step-forward",""]'
data-colors='["#eee","#eee","#eee",""]'
data-background-icons='["fa-circle-thin","fa-circle-thin","fa-circle-thin","none"]'
data-background-colors='["#0088CC","#0088CC","#0088CC",""]'
class="">
</div>

Um ehrlich zu sein verstehe nur Teile, aber grundsätzlich funktionert das weiterschalten zum nächsten Titel. Was ich aber nicht schaffe, ist die Farbe des Button bei zu behalten. Beim ersten mal drücken wird er Orange und beim dritten mal wird er grau. Analog der üblichen TabletUI Version in Orange/Grau.

Was muss ich tun, dass er auch nach dem drücken Weiß/Blau bleibt?

Danke

Gruß
Alex

[AlexMuc81]

Meine Alternative sieht derzeit so aus

Code Auswählen Erweitern



<div data-type="push" data-device="Sonos_Bad" data-set-on="PREVIOUS" data-icon="fa-step-backward"></div>
<div data-type="push" data-device="Sonos_Bad" data-set-on="PLAY" data-icon="fa-play" ></div>
<div data-type="push"
data-device="Sonos_Bad"
data-set-on="NEXT"
data-icon="fa-step-forward"
data-background-icon="fa-circle-thin"
data-background-color="#0088CC"
         data-on-background-color="#FC0000"
data-off-color="#FFFFFF"
data-on-color="#FC0000"
class="cell">
</div>
<div data-type="push" data-device="Sonos_Bad" data-set-on="STOP" data-icon="fa-stop" class="push"></div>

Da passt das ganze mit der Farbe