Befehl für einfaches Schalten

[morph]

Hi, ich hab meine Rollos momentan so eingebunden:

Code Auswählen Erweitern

<header>Beschattung</header>
<table align="center" width="100%">
<tr>
<td>
<div data-type="button"
data-device="Rollo_Ost"
data-get-on="On"
data-icon="fa-angle-double-up"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Ost Auf </div>
</td>
<td>
<div data-type="button"
data-device="Rollo_Sued"
data-get-on="On"
data-icon="fa-angle-double-up"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Süd Auf </div>
</td>
<td>
<div data-type="button"
data-device="Rollos"
data-get-on="On"
data-icon="fa-angle-double-up"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollos Auf </div>
</td>
<td>
<div data-type="circlemenu" class="cell circlemenu top-space" data-direction="full" data-circle-radius="80">
<ul>
<li>
<div data-type="symbol"
data-on-color="#E6FF57"
data-on-background-color="#E6FF57"
data-off-color="#808080"
data-off-background-color="#A6BF17"
data-icon="oa-control_building_modern_s_okg_all"
data-background-icon="fa-circle-thin"
    style="margin-top: -2px;">
</div>
</li>
<li>
<div  data-type="push"
      data-icon="oa-scene_office"
            data-fhem-cmd="set Rollo_KZ pct 100"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-television"
            data-fhem-cmd="set Rollo_WZ pct 100"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="oa-scene_gaming"
            data-fhem-cmd="set Rollo_HWR pct 100"   
      </div>
</li>

<li>
<div  data-type="push"
      data-icon="fa-table"
            data-fhem-cmd="set Rollo_Essen pct 100"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-cutlery"
            data-fhem-cmd="set Rollo_Kueche pct 100"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-bed"
            data-fhem-cmd="set Rollo_SZ pct 100"   
      </div>
</li>
</ul>
</div>
            <div data-type="label" class="narrow darker">Einzeln Auf </div>
</td>
</tr>
<tr>
<td>
<div data-type="button"
data-device="Rollo_Ost"
data-get-on="Sonne"
data-icon="fa-align-justify"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Ost Sonne </div>
  </td>
<td>
<div data-type="button"
data-device="Rollo_Sued"
data-get-on="Sonne"
data-icon="fa-align-justify"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Sued Sonne </div>
</td>
<td>
<div data-type="button"
data-device="Rollos"
data-get-on="Sonne"
data-icon="fa-align-justify"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollos Sonne </div>
</td>
<td>
<div data-type="circlemenu" class="cell circlemenu top-space" data-direction="full" data-circle-radius="80">
<ul>
<li>
<div data-type="symbol"
data-on-color="#E6FF57"
data-on-background-color="#E6FF57"
data-off-color="#808080"
data-off-background-color="#A6BF17"
data-icon="oa-control_building_modern_s_okg_all"
data-background-icon="fa-circle-thin"
    style="margin-top: -2px;">
</div>
</li>
<li>
<div  data-type="push"
      data-icon="oa-scene_office"
            data-fhem-cmd="set Rollo_KZ pct 30"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-television"
            data-fhem-cmd="set Rollo_WZ pct 30"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-align-justify"
            data-fhem-cmd="set Rollo_HWR pct 30"   
      </div>
</li>

<li>
<div  data-type="push"
      data-icon="fa-table"
            data-fhem-cmd="set Rollo_Essen pct 30"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-cutlery"
            data-fhem-cmd="set Rollo_Kueche pct 40"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-bed"
            data-fhem-cmd="set Rollo_SZ pct 35"   
      </div>
</li>
</ul>
</div>
            <div data-type="label" class="narrow darker">Einzeln Sonne </div>
</td>
</tr>   
  <tr>
<td>
<div data-type="button"
data-device="Rollo_Ost"
data-get-on="Off"
data-icon="fa-angle-double-down"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Ost Zu </div>
</td>
<td>
<div data-type="button"
data-device="Rollo_Sued"
data-get-on="Off"
data-icon="fa-angle-double-down"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Süd Zu </div>
</td>
<td>
<div data-type="button"
data-device="Rollos"
data-get-on="Off"
data-icon="fa-angle-double-down"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollos Zu </div>
</td>
<td>
<div data-type="circlemenu" class="cell circlemenu top-space" data-direction="full" data-circle-radius="80">
<ul>
<li>
<div data-type="symbol"
data-on-color="#E6FF57"
data-on-background-color="#E6FF57"
data-off-color="#808080"
data-off-background-color="#A6BF17"
data-icon="oa-control_building_modern_s_okg_all"
data-background-icon="fa-circle-thin"
    style="margin-top: -2px;">
</div>
</li>
<li>
<div  data-type="push"
      data-icon="oa-scene_office"
            data-fhem-cmd="set Rollo_KZ pct 0"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-television"
            data-fhem-cmd="set Rollo_WZ pct 0"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="oa-scene_gaming"
            data-fhem-cmd="set Rollo_HWR pct 0"   
      </div>
</li>

<li>
<div  data-type="push"
      data-icon="fa-table"
            data-fhem-cmd="set Rollo_Essen pct 0"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-cutlery"
            data-fhem-cmd="set Rollo_Kueche pct 0"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-bed"
            data-fhem-cmd="set Rollo_SZ pct 0"   
      </div>
</li>
</ul>
</div>
            <div data-type="label" class="narrow darker">Einzeln Zu </div>
</td>
</tr>
</table>



Wenn ich den Knopf "Rollo Ost Auf"drücke, bekomme ich dann entweder ein

Code Auswählen Erweitern

"set Rollo_Sued On" zurück, was ja ok ist, aber durch nochmaliges drücken dann ein

Code Auswählen Erweitern

"Rollo_Sued off", was ich nicht haben will / brauche.

Ich denke es liegt am

Code Auswählen Erweitern

data-type="button". Wenn ich das allerdings in push ändere, funktioniert der Button nicht mehr...

Vielleicht kann mir einer anhand eines Rollos sagen, wie ich das schreiben muss.

Code Auswählen Erweitern

<td>
<div data-type="button"
data-device="Rollo_Ost"
data-get-on="On"
data-icon="fa-angle-double-up"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Ost Auf </div>
</td>



Danke!

[n4rrOx]

Push:

Code Auswählen Erweitern


        <div data-type="push" data-device="Rollo_Ost"
             data-icon="fa-angle-double-up" data-background-icon="fa-square-o"
             data-set="On">
        </div>

http://www.fhemwiki.de/wiki/FHEM_Tablet_UI#Beispiel_push

oder

Button:

Code Auswählen Erweitern


<div data-type="button" data-fhem-cmd="set+Rollo_Ost+On" data-icon="fa-angle-double-up" data-color="#A6BF17" class="cell"></div>

https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/button

Ggf. Farben und/oder Icons anpassen.

[morph]

passiert bei beiden nichts.

[n4rrOx]

passiert bei beiden nichts.

sicher, dass als set Befehl ein "On" geschickt werden muss?
Evtl. mal "on" probieren.... bzw. generell mal versuchen per Kommandozeile in FHEM die Dinger anzusteuern und dann diesen Befehl in's FTUI übernehmen.

Wenn dann immer nichts geht, besteht ggf. ein generelles Problem mit der Kommunikation zwischen FHEM und FTUI?

[morph]

so wie ich es oben geschrieben habe funktioniert es ja.

Ich muss nur dann immer 2x drauf drücken, das der richtige Befehl abgesetzt wird

[morph]

wäre immer noch aktuell. Die Frau nervt es, das sie 2x drauf klickern muss

[setstate]

Dann gib nochmal deinen jetzigen Code und die Fhem Befehle, die richtig wären.

[morph]

Hi,


also das ist der komplette Code:

Code Auswählen Erweitern

<header>Beschattung</header>
<table align="center" width="100%">
<tr>
<td>
<div data-type="button"
data-device="Rollo_Ost"
data-get-on="On"
data-icon="fa-angle-double-up"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Ost Auf </div>
</td>
<td>
<div data-type="button"
data-device="Rollo_Sued"
data-get-on="On"
data-icon="fa-angle-double-up"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Süd Auf </div>
</td>
<td>
<div data-type="button"
data-device="Rollos"
data-get-on="On"
data-icon="fa-angle-double-up"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollos Auf </div>
</td>
<td>
<div data-type="circlemenu" class="cell circlemenu top-space" data-direction="full" data-circle-radius="80">
<ul>
<li>
<div data-type="symbol"
data-on-color="#E6FF57"
data-on-background-color="#E6FF57"
data-off-color="#808080"
data-off-background-color="#A6BF17"
data-icon="oa-control_building_modern_s_okg_all"
data-background-icon="fa-circle-thin"
    style="margin-top: -2px;">
</div>
</li>
<li>
<div  data-type="push"
      data-icon="oa-scene_office"
            data-fhem-cmd="set Rollo_KZ pct 100"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-television"
            data-fhem-cmd="set Rollo_WZ pct 100"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="oa-scene_gaming"
            data-fhem-cmd="set Rollo_HWR pct 100"   
      </div>
</li>

<li>
<div  data-type="push"
      data-icon="fa-table"
            data-fhem-cmd="set Rollo_Essen pct 100"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-cutlery"
            data-fhem-cmd="set Rollo_Kueche pct 100"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-bed"
            data-fhem-cmd="set Rollo_SZ pct 100"   
      </div>
</li>
</ul>
</div>
            <div data-type="label" class="narrow darker">Einzeln Auf </div>
</td>
</tr>
<tr>
<td>
<div data-type="button"
data-device="Rollo_Ost"
data-get-on="Sonne"
data-icon="fa-align-justify"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Ost Sonne </div>
  </td>
<td>
<div data-type="button"
data-device="Rollo_Sued"
data-get-on="Sonne"
data-icon="fa-align-justify"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Sued Sonne </div>
</td>
<td>
<div data-type="button"
data-device="Rollos"
data-get-on="Sonne"
data-icon="fa-align-justify"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollos Sonne </div>
</td>
<td>
<div data-type="circlemenu" class="cell circlemenu top-space" data-direction="full" data-circle-radius="80">
<ul>
<li>
<div data-type="symbol"
data-on-color="#E6FF57"
data-on-background-color="#E6FF57"
data-off-color="#808080"
data-off-background-color="#A6BF17"
data-icon="oa-control_building_modern_s_okg_all"
data-background-icon="fa-circle-thin"
    style="margin-top: -2px;">
</div>
</li>
<li>
<div  data-type="push"
      data-icon="oa-scene_office"
            data-fhem-cmd="set Rollo_KZ pct 30"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-television"
            data-fhem-cmd="set Rollo_WZ pct 30"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-align-justify"
            data-fhem-cmd="set Rollo_HWR pct 30"   
      </div>
</li>

<li>
<div  data-type="push"
      data-icon="fa-table"
            data-fhem-cmd="set Rollo_Essen pct 30"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-cutlery"
            data-fhem-cmd="set Rollo_Kueche pct 40"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-bed"
            data-fhem-cmd="set Rollo_SZ pct 35"   
      </div>
</li>
</ul>
</div>
            <div data-type="label" class="narrow darker">Einzeln Sonne </div>
</td>
</tr>   
  <tr>
<td>
<div data-type="button"
data-device="Rollo_Ost"
data-get-on="Off"
data-icon="fa-angle-double-down"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Ost Zu </div>
</td>
<td>
<div data-type="button"
data-device="Rollo_Sued"
data-get-on="Off"
data-icon="fa-angle-double-down"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollo Süd Zu </div>
</td>
<td>
<div data-type="button"
data-device="Rollos"
data-get-on="Off"
data-icon="fa-angle-double-down"
data-off-color="#A6BF17"
data-on-background-color="#E6FF57"
class="cell">
        </div>
    <div data-type="label" class="narrow darker">Rollos Zu </div>
</td>
<td>
<div data-type="circlemenu" class="cell circlemenu top-space" data-direction="full" data-circle-radius="80">
<ul>
<li>
<div data-type="symbol"
data-on-color="#E6FF57"
data-on-background-color="#E6FF57"
data-off-color="#808080"
data-off-background-color="#A6BF17"
data-icon="oa-control_building_modern_s_okg_all"
data-background-icon="fa-circle-thin"
    style="margin-top: -2px;">
</div>
</li>
<li>
<div  data-type="push"
      data-icon="oa-scene_office"
            data-fhem-cmd="set Rollo_KZ pct 0"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-television"
            data-fhem-cmd="set Rollo_WZ pct 0"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="oa-scene_gaming"
            data-fhem-cmd="set Rollo_HWR pct 0"   
      </div>
</li>

<li>
<div  data-type="push"
      data-icon="fa-table"
            data-fhem-cmd="set Rollo_Essen pct 0"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-cutlery"
            data-fhem-cmd="set Rollo_Kueche pct 0"   
      </div>
</li>
<li>
<div  data-type="push"
      data-icon="fa-bed"
            data-fhem-cmd="set Rollo_SZ pct 0"   
      </div>
</li>
</ul>
</div>
            <div data-type="label" class="narrow darker">Einzeln Zu </div>
</td>
</tr>
</table>




Die jeweiligen richtigen Fhem Befehle sind gleich mit integriert. So funktioniert alles. Aber halt nur mit 2 Klicks.

[morph]

 

[setstate]

  http://www.fhemwiki.de/wiki/FTUI_Snippets#Switch_funktioniert_wie_ein_Push_Widget.2C_aber_zeigt_auch_Status_an.2C_wie_ein_Symbol_Widget

Das ist ein Beispiel, wie es mit SWITCH auch funktionieren würde, wenn man ein Feedback von FHEM erwartet (Farbe ändert sich je nach Status) aber nur ein einfacher Druck funktioneren darf (also nicht wieder ausschaltbar wie beim normalen Switch)

Code Auswählen Erweitern

<div data-type="switch"
                                        data-device="Rollo_Ost"
                                        data-get-on="On"
                                        data-get-off="!on"
                                        data-set-on="On"
                                        data-set-off=""
                                        data-icon="fa-angle-double-up"
                                        data-off-color="#A6BF17"
                                        data-on-background-color="#E6FF57"
                                        class="cell"></div>


Mit Push muss data-set-on gesetzt sein.

Code Auswählen Erweitern

data-set-on="uffmachn"

Ich weiß gerade nicht, warum beim Push der Default auf data-set-on="" (leer) gesetzt ist. Dann wird das Senden unterdrückt (weil set-on leer ist). Wenn jemand weiß, warum beim Push data-set-on=""  default sein muss, bitte melden. Ansonsten setze ich es auf data-set-on="on" und data-set-off="off"