Wie Switch für HeizThermostat Modus Auto/Manuell?

[Tobias]

Hi,
hat einer ein funktionierendes Beispiel für einen Switch, um meine Thermostate auf Auto/Manuell zustellen? Für jeden Zustand habe ich ein Icon...
Fongendes klappt irgendwie nicht...

Code Auswählen Erweitern

<div data-type="switch"
          data-device="HZ-Bad_Clima"
          data-get="controlMode"
          data-set="controlMode"
          data-backgroundicons='["fa-circle","fa-circle"]'
          data-state='["auto","manual"]'
          data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
          data-set-state='["controlMode manual","controlMode auto"]'
          data-colors='["#00FF00","#FF0000"]'>
        </div>

[roman1528]

Hi,
hat einer ein funktionierendes Beispiel für einen Switch, um meine Thermostate auf Auto/Manuell zustellen? Für jeden Zustand habe ich ein Icon...
Fongendes klappt irgendwie nicht...

Code Auswählen Erweitern

<div data-type="switch"
          data-device="HZ-Bad_Clima"
          data-get="controlMode"
          data-set="controlMode"
          data-backgroundicons='["fa-circle","fa-circle"]'
          data-state='["auto","manual"]'
          data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
          data-set-state='["controlMode manual","controlMode auto"]'
          data-colors='["#00FF00","#FF0000"]'>
        </div>

Ich nehme mal gerade deins zur Hand und korrigiere es. Wer lesen kann ist klar im Vorteil 
Für Richtigkeit der Readings oder Devicenamen kann ich keine Haftung übernehmen 

Suchspiel: Finde den Unterschied 

Code Auswählen Erweitern

<div data-type="switch"
          data-device="HZ-Bad_Clima"
          data-get="controlMode"
          data-set="controlMode"
          data-background-icons='["fa-circle","fa-circle"]'
          data-states='["auto","manual"]'
          data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
          data-set-state='["manual","auto"]'
          data-colors='["#00FF00","#FF0000"]'>
        </div>

Sollte gehen....

Die "oa-" Icons hast du per:

Code Auswählen Erweitern

<link rel="stylesheet" href="lib/openautomation.css" />
ja eingebunden... oder?

Wenn du magst kannst du mit:

Code Auswählen Erweitern

data-background-colors='["FARBE","FARBE"]'
auch noch die HintergrundIcons einfärben.

Grüße^^

[Tobias]

Hi,
dann ist leider das Wiki falsch , siehe "Einstellung bei mehreren Werten"
http://www.fhemwiki.de/wiki/FHEM_Tablet_UI#switch

Habe auch mit dem Mutistatebutton probiert... klappt auch nicht.
Openautomation und den Multistatebutton habe ich im index.html einggebunden. Alle unterseiten sind per Pagetab ein gebunden.

Code Auswählen Erweitern

<link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/jquery.toast.min.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />

    <script src="/fhem/pgm2/jquery.min.js" defer></script>
    <script src="/fhem/www/tablet/lib/jquery.toast.min.js" defer></script>
    <script src="/fhem/www/tablet/lib/jquery.gridster.min.js" defer></script>
    <script src="/fhem/www/tablet/js/fhem-tablet-ui.min.js" defer></script>
    <script type="text/javascript" src="/fhem/www/tablet/js/widget_multistatebutton.js"></script>


Code Auswählen Erweitern

<div data-type="switch"
          data-device="HZ_Bad_Clima"
          data-get="controlMode"
          data-set="controlMode"
          data-background-icons='["fa-circle","fa-circle"]'
          data-state='["auto","manual"]'
          data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
          data-set-state='["controlMode manual","controlMode auto"]'
          data-colors='["#00FF00","#FF0000"]'>
        </div>


        <div data-type="multistatebutton"
           data-device="HZ_Bad_Clima"
           data-get="controlMode"
           data-background-icon="fa-circle"
           data-get-on='["auto","manuell"]'
           data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
           data-set='["ControlMode manual","controlMode auto"]'
           data-colors='["#00FF00","#FF0000"]'></div>
        </div>


Beim Switch kommt beim klick nur "set <> controlMode on", beim Multistatebutton kommt nur "set <> controlMode manual" - das Bild past nicht und zwichen auto und Maual umschalten klappt auch nicht

Code Auswählen Erweitern

Internals:
   DEF        38F37E04
   NAME       HZ_Bad_Clima
   NR         135
   NTFY_ORDER 50-HZ_Bad_Clima
   STATE      T: 17.5 desired: 17.0 valve: 0
   TYPE       CUL_HM
   chanNo     04
   device     HZ_Bad
   Readings:
     2016-05-01 07:21:51   ValvePosition   0
     2016-05-01 07:21:51   boostTime       -
     2016-05-01 07:21:51   controlMode     manual
     2016-05-01 07:21:51   desired-temp    17.0
     2016-05-01 07:21:51   measured-temp   17.5
     2016-05-01 07:21:51   partyEnd        -
     2016-05-01 07:21:51   partyStart      -
     2016-05-01 07:21:51   partyTemp       -
     2016-04-15 16:24:09   recentStateType ack
     2016-05-01 07:21:51   state           T: 17.5 desired: 17.0 valve: 0
   Helper:
     Expert:
       def        1
       det        0
       raw        1
       tpl        0
     Role:
       chn        1
     Shregr:
       07         00
Attributes:
   DbLogExclude .*
   model      HM-CC-RT-DN
   peerIDs    00000000,

so sieht es dann aus.
Ziel ist die Visualisierung aus den Demos:
https://github.com/ovibox/fhem-ftui-user-demos/blob/master/user-demos/Risiko/screenshots/main.png

[Tobias]

Habs raus.. das Wiki ist an mehreren Stellen falsch
damit funktioniert beides nun:

Code Auswählen Erweitern

<div data-type="switch"
          data-device="HZ_Bad_Clima"
          data-get="controlMode"
          data-background-icons='["fa-circle","fa-circle"]'
          data-states='["auto","manual"]'
          data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
          data-set-states='["controlMode1 manual","controlMode1 auto"]'
          data-colors='["#00FF00","#FF0000"]'>
        </div>


        <div class="bigger"
           data-type="multistatebutton"
           data-device="HZ_Bad_Clima"
           data-get="controlMode"
           data-background-icon="gs-w"
           data-get-on='["auto","manual"]'
           data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
           data-set='["controlMode manual","controlMode auto"]'
           data-colors='["#00FF00","#FF0000"]'></div>
        </div>


[fhainz]

das Wiki ist an mehreren Stellen falsch

Das stimmt leider. Ich verwende meistens eine Kombi aus der Github Readme (da sollte alles dokumentiert sein) und dem Wiki.

[moelski]

Moin !

Ich habe seite dem Update auf 2.2 das Problem das meine buttons für die Modus Anzeige nicht mehr die richtigen Icons zeigen und das auch das umschalten nicht klappt.

Dieser Code hat vor dem Update noch funktioniert:

Code Auswählen Erweitern

                                <div class="big" data-type="multistatebutton" data-device="WZ_HZ_Klein_Clima" data-get="controlMode"
                                            data-background-icon="gs-w"
                                            data-get-on='["auto","manual"]' data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
                                            data-set='["controlMode manual","controlMode auto"]'
                                            data-colors='["#00FF00","#FF0000"]'></div>


Nun nicht mehr. Und ich komme auch nicht dahinter was schief läuft. Hat jemand einen Tip? Hat sich da grundlegend was geändert?

[setstate]

Der multistatebutton hatte nach der Kovertierung noch Fehler drin. Jetzt sollte es aber klappen.

[moelski]

Jep geht wieder.
Und man darf auch nicht vergessen das man etwas warten muss nach dem Klick ... Denn die Thermostate reagieren ja nicht sofort.