FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Thyraz am 01 Februar 2017, 23:30:30

Titel: Textbutton mit Statusanzeige realisieren?
Beitrag von: Thyraz am 01 Februar 2017, 23:30:30
Hallo,

ich habe in meiner UI zwei Textlabels "ON" und "OFF".
Diese zeigen im Moment schon den aktuellen Zustand der Lampe an (grau oder blau für off/on).

Ich würde diese 2 Labels nun gern auch anklicken können um "dim 0" (bzw. "dim 99" beim anderen Label) auszuführen.

Gibt es eine Art Button, welcher Text statt einem FA-Symbol anzeigen kann?
Oder kann ich irgendwie beim klicken eine tiefer liegende FTUI Funktion ausrufen um mit den bestehenden Labels ein FHEM Kommando abzuschicken?

Im Anhang ein Screenshot und hier noch der Code:

  <div>
    <div class="col-xs-2">
        <div data-type="switch"
            data-device="RGBWController01"
            data-get="dimmerVal"
            data-cmd="set"
            data-get-off="0"
            data-get-on="[1-9][0-9]*"
            data-set-on="on"
            data-set-off="off"
            data-icon="thyraz-bulb1"
            data-on-background-color='#ffffff'
            data-off-background-color='#ffffff'
            data-off-color='#c2c2c2'
            data-on-color='#5486e5'>
        </div>
    </div>
    <div class="col-xs-10">
      <div style="padding-top:10px">
        <div class="col-xs-8">
          <div data-type="label"
               class="left-align">
               DECKENLAMPE
          </div>
        </div>
        <div class="col-xs-1">
          <div data-type="label"
               data-device="RGBWController01"
               data-get="dimmerVal"
               data-limits='[0,1]'
               data-colors='["#5486e5","#c2c2c2"]'
               data-substitution="s/^[+-]?(\d*\.)?\d+$/OFF/">
          </div>
        </div>
        <div class="col-xs-1">
          <div data-type="label"
                data-device="RGBWController01"
               data-get="dimmerVal"
               data-limits='[0,1]'
               data-colors='["#c2c2c2","#5486e5"]'
               data-substitution="s/^[+-]?(\d*\.)?\d+$/ON/">
          </div>
        </div>
      </div>
      <div>
        <div class="col-xs-11">
            <div data-type="slider"
                data-device="RGBWController01"
                data-get="dimmerVal"
                data-set-value="dim $v"
                data-min="0"
                data-max="99"
                data-color="#dbdbdb"
                data-background-color="#f3f3f3"
                data-width="100%"
                class="tap horizontal">
            </div>
        </div>
      </div>
    </div>
  </div>
Titel: Antw:Textbutton mit Statusanzeige realisieren?
Beitrag von: setstate am 02 Februar 2017, 07:10:21
Sowas kann man machen

<div onclick="ftui.setFhemStatus('set dummy1 off');">All off!</div>

Das kann man auch beim Label-Widget einfügen.
Titel: Antw:Textbutton mit Statusanzeige realisieren?
Beitrag von: Thyraz am 02 Februar 2017, 08:51:03
Super, vielen Dank. :)

Wusste doch ich hab sowas schon irgendwo einmal gelesen gehabt.
Aber hab es nicht mehr gefunden.

Peinlicherweise steht das ja sogar in der Doku auf Github. :o