circlemenu-Button Farbe je nach Lampenzustand ändern möglich?

Begonnen von chunter1, 05 Oktober 2015, 16:34:49

Vorheriges Thema - Nächstes Thema

chunter1

Hallo,

ich würde gerne je nach Dimmer-Wert das Lampensymbol des circlemenu-Buttons ändern (im einfachsten Fall zumindest zwei Farben z.B.: grau=aus, gelb=ein).
Ist das möglich bzw. wie?

Danke!

chunter1

#1
Habs jetzt mal so umgesetzt... ob das sauber ist weiß ich allerdings nicht?!


<div data-type="circlemenu" class="cell circlemenu">
              <ul>
                <li><div data-type="symbol" data-device="HM_xxxx_Sw" data-get-on="[0-9]{1,3}|on" data-get-off="off" data-background-icon="fa-circle-thin" data-icon="fa-lightbulb-o"></div></li>
                <li><div data-type="push" data-device="HM_xxx_Sw" data-set="100" data-icon="">100</div></li>
                <li><div data-type="push" data-device="HM_xxx_Sw" data-set="50" data-icon="">70</div></li>
                <li><div data-type="push" data-device="HM_xxx_Sw" data-set="off" data-icon="">off</div></li>
              </ul>
        </div>

setstate


Archibald

Hallo Forum

Ich grabe dieses alte Thema wieder aus. Leider funktioniert der angegebene Code in meinem Fall nicht (oder ich baue ihn falsch ein...).

Eine Lampe wird wie folgt angesteuert:
- Einschalten via Circlemenu mit verschiedenen Dimmstufen
- Ausschalten via separaten Button

Ich möchte, dass entweder das Circlemenu oder der Button die Farbe ändert, sobald die Lampe eingeschaltet ist und zwar unabhängig von der Dimmstufe, damit sichtbar wird, dass die Lampe eingeschaltet ist. Bis jetzt schaffe ich es nicht...

Aktuell funktioniert es so (natürlich ohne Farbwechsel!):

<div class="inline top-space">
<div data-type="label" >Wandlampe</div>
<div class="big" data-type="circlemenu">
    <ul>
      <li><div data-type="push" data-icon="fa-wrench"></div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 10" data-icon="">10</div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 30" data-icon="">30</div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 50" data-icon="">50</div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 70" data-icon="">70</div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 90" data-icon="">90</div></li>
      <li><div data-type="push" data-device="Wandlampe" data-set-on="pct 100" data-icon="">100</div></li>
    </ul>
  </div>
  <div data-type="label" >Ein</div>
      <div class="big" data-type="push"
     data-device="Wandlampe"
     data-set-on="off">
</div>
      <div data-type="label">Aus</div>
    </div>


Kann mir jemanden den entscheidenden Hinweis geben?

Besten Dank und ebensolche Grüsse
Stephan