FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: coolice am 11 August 2017, 13:35:52

Titel: Frage zu Alarm Button
Beitrag von: coolice am 11 August 2017, 13:35:52
Hallo, so langsam wird es auf meiner Oberfläche eng. Ich habe bis dato zum Alarm scharf und unscharf schalten diese Zeilen benutzt.
<li data-row="5" data-col="5" data-sizex="4" data-sizey="7"> <!-- data-row="Zeile" data-col="Spalte" data-sizex="Breite der Box" data-sizey="Tiefe der Box"  -->
<header>ALARM-STATUS</header>

<div class="cell">Alarm scharf schalten</div>
<div data-type="switch"
     data-device="alarm_scharf"
     data-set-on="on"
     data-set-off=""
     data-icon="fa-exclamation-circle fa-lg"
     data-on-color="red"
     data-off-color="grey"
     class="big"></div>

<div data-type="label"
     class="cell">Alarm unscharf schalten (PIN-Code)</div>
<div>
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="1"
     class="inline">1 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="2"
     class="inline">2 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="3"
     class="inline">3 </div>
</div>

<div>
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="4"
     class="inline">4 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="5"
     class="inline">5 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="6"
     class="inline">6 </div>
</div>

<div>
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="7"
     class="inline">7 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="8"
     class="inline">8 </div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="9"
     class="inline">9 </div>
</div>

<div>
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="0"
     class="inline">0 </div>

<div data-type="push"
     data-icon="fa-key"
     data-device="keypad_key"
     data-set-on="#"
     class="inline" </div>
</div>
</li>
Ist es möglich das ganze so hinzubekommen das man nur den Button zum scharf schalten hat und wenn
man erneut auf den Button drück sich ein separates kleines Fenster öffnet mit dem Ziffernblock zum unscharf schalten ?
Titel: Antw:Frage zu Alarm Button
Beitrag von: amenomade am 12 August 2017, 21:31:51
Vielleicht damit? https://wiki.fhem.de/wiki/FTUI_Widget_Popup
Titel: Antw:Frage zu Alarm Button
Beitrag von: coolice am 13 August 2017, 10:31:56
Öffnet sich das Popup nicht bei jedem Klick !?


Gesendet von iPhone mit Tapatalk
Titel: Antw:Frage zu Alarm Button
Beitrag von: coolice am 14 August 2017, 12:44:25
Hab es aktuell so <li data-row="5" data-col="5" data-sizex="2" data-sizey="3"> <!-- data-row="Zeile" data-col="Spalte" data-sizex="Breite der Box" data-sizey="Tiefe der Box"  -->
<header>ALARM-STATUS</header>
<div data-type="popup"
     data-height="400px"
     data-width="400px">
<div>klick</div>
<div class="dialog">
<div class="cell">&nbsp;</div>
<div class="cell">Alarm scharf schalten</div>

<div data-type="switch"
     data-device="alarm_scharf"
     data-set-on="on"
     data-set-off=""
     data-get-on="on"
     data-get-off="off"
     data-states='["on","off"]'
     data-icons='["fa-exclamation-circle fa-lg"]'
     data-colors='["white", "white"]'
     data-background-colors='["red", "blue"]'
     class="large wider">
</div>

<div data-type="label"
     class="cell">Alarm unscharf schalten (PIN-Code)</div>

<div class="inline">
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="1">1</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="4">4</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="7">7</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="?">?</div>
</div>

<div class="inline">
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="2">2</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="5">5</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="8">8</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="0">0</div>
</div>

<div class="inline">
<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="3">3</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="6">6</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="9">9</div>

<div data-type="push"
     data-icon=""
     data-device="keypad_key"
     data-set-on="#">#</div>
</div>
</div>
</li>
nicht das was ich haben wollte aber so geht es erstmal.
Was noch etwas den WAF stört ist das das popup kein Icon unterstützt.
Meine Frau muss jetzt immer auf klick drücken damit sich das popup öffnet.

Kann man das vielleicht ändern oder anders lösen damit ich ein Icon statt eines Textes habe?