FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Tobias am 30 April 2016, 18:08:24

Titel: Wie Switch für HeizThermostat Modus Auto/Manuell?
Beitrag von: Tobias am 30 April 2016, 18:08:24
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...
<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>
Titel: Antw:Wie Switch für HeizThermostat Modus Auto/Manuell?
Beitrag von: roman1528 am 30 April 2016, 18:25:39
Zitat von: Tobias am 30 April 2016, 18:08:24
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...
<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  :P
Für Richtigkeit der Readings oder Devicenamen kann ich keine Haftung übernehmen  ;D

Suchspiel: Finde den Unterschied  ::)
<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:
<link rel="stylesheet" href="lib/openautomation.css" />
ja eingebunden... oder?

Wenn du magst kannst du mit:
data-background-colors='["FARBE","FARBE"]'
auch noch die HintergrundIcons einfärben.

Grüße^^ :)
Titel: Antw:Wie Switch für HeizThermostat Modus Auto/Manuell?
Beitrag von: Tobias am 01 Mai 2016, 07:26:10
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.

<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>


<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

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
Titel: Antw:Wie Switch für HeizThermostat Modus Auto/Manuell?
Beitrag von: Tobias am 01 Mai 2016, 07:54:30
Habs raus.. das Wiki ist an mehreren Stellen falsch :(
damit funktioniert beides nun:
<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>
Titel: Antw:Wie Switch für HeizThermostat Modus Auto/Manuell?
Beitrag von: fhainz am 01 Mai 2016, 09:22:00
Zitat von: Tobias am 01 Mai 2016, 07:54:30
das Wiki ist an mehreren Stellen falsch :(
Das stimmt leider. Ich verwende meistens eine Kombi aus der Github Readme (https://github.com/knowthelist/fhem-tablet-ui/blob/master/README.md) (da sollte alles dokumentiert sein) und dem Wiki.
Titel: Antw:Wie Switch für HeizThermostat Modus Auto/Manuell?
Beitrag von: moelski am 19 Oktober 2016, 18:03:59
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:
                                <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?
Titel: Antw:Wie Switch für HeizThermostat Modus Auto/Manuell?
Beitrag von: setstate am 19 Oktober 2016, 23:07:07
Der multistatebutton hatte nach der Kovertierung noch Fehler drin. Jetzt sollte es aber klappen.
Titel: Antw:Wie Switch für HeizThermostat Modus Auto/Manuell?
Beitrag von: moelski am 20 Oktober 2016, 08:08:01
Jep geht wieder.
Und man darf auch nicht vergessen das man etwas warten muss nach dem Klick ... Denn die Thermostate reagieren ja nicht sofort.  ;)