Rolladen mit HM-LC-BL1-FM und Tablet-UI ansteuern

[wowogiengen]

Hallo,
ich habe mir in mein Tablet-UI die Rolladensteuerung eingebaut, dazu habe ich den folgenden Code als template abgelegt (wobei die Parameter für Template noch nicht verarbeitet werden, da ich erst 1 Rolladen ansteuere  ):

Code Auswählen Erweitern

<div>
    <header> Rolladen Büro</header>
    <div class = "sheet">
        <div class="row">
            <div class="cell">
                <div data-type="slider"
                    data-device='RolladenBuero'
                    data-get="pct"
                    data-set="pct"
                    data-min="0"
                    data-max="100"
                    class="horizontal">
                </div>
            </div>

            <div class="cell">
                <div>
                    <div class="triplebox-v inline">
                        <div data-type="push" data-device="RolladenBuero"
                             data-icon="fa-angle-double-up" data-background-icon="fa-square-o"
                             data-set-on="up">
                        </div>
                        <div data-type="push" data-device="RolladenBuero"
                            data-icon="fa-stop" data-background-icon="fa-square-o"
                            data-set-on="stop">
                        </div>
                        <div data-type="push" data-device="RolladenBuero"
                            data-icon="fa-angle-double-down" data-background-icon="fa-square-o"
                            data-set-on="down">
                        </div>
                    </div>
                </div>
            </div>
            <div class="cell tall">
                <div data-type="label"
                    data-device='RolladenBuero'
                    data-get="pct">
                </div>
            </div>
            <div class="cell">
<!------------------------------------------------------------------->
                <div>
                    <div class="triplebox-v inline">
                        <div data-type="push" data-device="RolladenBuero"
                             data-icon="fa-angle-up" data-background-icon="fa-square-o"
                             data-set-on="on"
                            data-get="state"
                            data-get-on="on"
                            data-get-off="!on"
                            data-on-color="green"
                            data-on-background-color="orange"
                            data-off-color="red"
                            data-off-background-color="orange">
                        </div>
                        <div data-type="push" data-device="RolladenBuero"
                            data-icon="fa-stop" data-background-icon="fa-square-o"
                            data-set-on="stop"
                            data-get="motor"
                            data-get-on="stop.*"
                            data-get-off="!(stop.*)"
                            data-on-color="green"
                            data-on-background-color="orange"
                            data-off-color="red"
                            data-off-background-color="orange">
                        </div>
                        <div data-type="push" data-device="RolladenBuero"
                            data-icon="fa-angle-down" data-background-icon="fa-square-o"
                            data-set-on="off"
                            data-get="state"
                            data-get-on="off"
                            data-get-off="!off"
                            data-on-color="green"
                            data-on-background-color="orange"
                            data-off-color="red"
                            data-off-background-color="orange">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Es geht um den letzten Block, ab dem <!------------------------------------------------------------------->

Ich möchte die Pfeile für Aufwärts und Abwärts entsprechend der Stellung des Rolladens einfärben, also grün, wenn er nicht ganz oben oder nicht ganz unten ist, und rot, wenn er entweder ganz oben oder ganz unten ist. Das geht so weit.
Den Stop möchte ich abhängig von dem "motor"-Reading entweder rot anzeigen (wenn das Reading nicht mit "stop" anfängt) ansonsten in grün, aber ich weiß nicht, wie ich die RegExp für "stop.*" da eintragen muss...


Viele Grüße
Wolfgang

[wowogiengen]

Hallo,
wenn ich das mittlere Push-Element so einstelle, geht es:

Code Auswählen Erweitern


<div data-type="push" data-device="RolladenBuero"
    data-icon="fa-stop" data-background-icon="fa-square-o"
    data-set-on="stop"
    data-get="motor"
    data-get-on="!stop.*"
    data-get-off="stop.*"
    data-on-color="green"
    data-on-background-color="orange"
    data-off-color="red"
    data-off-background-color="orange">
</div>


Viele Grüße
Wolfgang