Symbol Widget abhängig von mehreren Readings

[Flexstarr]

Hallo,
ich überlege, wie ich ein Symbol darstelle, dass abhängig vom reading "location" und "state" entsprechend Symbole darstellt.

Bsp:
location=home & state=present  --> Icon1
location=home & state=absent  --> Icon1 warn (zuletzt zuhause, aktuell nicht mehr)
location=work & state=present --> Icon2
location=work & state=absent --> Icon2 warn (zuletzt auf der Arbeit, aktuell nicht mehr)

Lässt sich das umsetzen?

[peterk_de]

such mal nach dem classchanger widget

[Flexstarr]

Gesucht und gefunden. 
Aber noch nicht ganz verstanden..

Kannst du mir den Code entsprechend anpassen, damit es auf mein Bsp passt?

Code Auswählen Erweitern

<div data-type="classchanger"
     data-device="dummyDevice"
     data-get="myReading"
     data-get-on="yes"
     data-on-class="border-red"
     class="container bg-gray">

  <div data-type="symbol"
       data-device="myDummy1"></div>

  <div data-type="symbol"
       data-device="myDummy2"></div>

</div>

[setstate]

Eine logische Verknüpfung von Readings würde ich im FHEM als Userreading bauen und im UI nur 1:1 anzeigen.

[peterk_de]

Z.B. so:

Code Auswählen Erweitern


<div data-type="classchanger"
     data-device="myPosition"
     data-get="state"
     data-get-on="absent"
     data-on-class="warn">

  <div data-type="symbol"
       data-device="myPosition"
       data-get="location"
       data-get-on='["home","work"]'
      data-icons='["fa-home","fa-office"]'></div>
     
</div>     


Wenn der State "absent" ist, wird dem Symbol.Widget die css-Klasse "warn" hinzugefügt. In deine CSS-Datei muss dann, wie du das Warning hervorheben möchtest, z.B. durch einen roten Hintergrund wäre so:

Code Auswählen Erweitern


.warn {
  background-color: red;
}


[Flexstarr]

Danke euch beiden für die Lösungen!