Data-get-on / off Vcontrol FTUI

[daruel]

Mahlzeit!

Ich habe meine Viessmann Heizung eingebunden und kann von FHEM aus auch Werte setzen.
Das Ein/Ausschalten der Anlage sowie des Party- und Spar-modus über FTUI klappt auch.

Leider bekomm ich die Zustände für on / off beim Switch nicht hin.

Heizung an / aus geht mit: data-set-on="HWW" / data-set-off="AUS"
das Reading dazu wäre : "state" - H+WW(an) / ABSCHALT (aus)

Wie müsste das data-get-on / off aussehen?


Bei Party / Spar bekomm ich auch keine Anzeigen in der FTUI obwohl das Reading sich ändert.

Hier mal der Partymodus; das Reading "state_party" gibt on / off zurück.

Code Auswählen Erweitern

<div class="inline top-space">
      <div data-type="switch" data-device="Heizung"
        data-set-on="P-ON" data-set-off="P-OFF"
        data-get-on="state_party" data-get-off="state_party" class="green"
        data-icon="fa-power-off" data-background-icon="fa-square" ></div>
      <div data-type="label" >Party</div>
    </div>

Danke für die Hilfe und einen schönen Feiertag!

[amenomade]

data-get="state_party"
data-get-on="on"
data-get-off="off"

(beide letzte sollten schon die Default-Werte sein, und können wahrscheinlich ausgelassen werden)

[daruel]

Danke, jetzt scheint es zu laufen.

Hatte das zusätzliche "data-get=" nicht auf dem Schirm und dachte, dass data-get-on(off)=state_party reicht, weil es ja auch nur on/off bei diesem Reading gibt.


Jetzt habe ich noch ein Problem, ich bekomme einen Slider nicht mittig

Habe ihn unter meinen 3 switches  so eingefügt

Code Auswählen Erweitern

<div class="newline centered top-space-3x">
    <div data-type="slider"
       data-device='Dummy1'
       data-min="0"
       data-max="100"
       class="horizontal"
  </div>
</div>

und er bleibt immer linksbündig. Das "centered" ändert garnichts.

[amenomade]

Bitte ein "list" von Dummy1

[daruel]

Dummy1 gibt es nicht, hatte das nur als Platzhalter.

So soll der Slider hinterher aussehen

Code Auswählen Erweitern

<div class="top-space-3x">
    <div data-type="slider"
       data-device='Heizung'
       data-get="Temp-Raum-Soll"
       data-min="14"
       data-max="28"
       data-cmd="set TEMP "
       class="horizontal"
  </div>
</div>

Die Positionierung sollte doch mit dem Device nichts zutun haben?!

[amenomade]

Sorry, hatte das "linksbündig" nicht verstanden. Ich dachte, Du meinst, er bleibt auf 0
Naja... die Position ist auch abhängig vom Rest. linksbündig bzw. centered ... von was? Man weisst nicht wo dein "div" integriert ist.
Hast Du auch mit class="horizontal centered" direkt im Slider probiert?

[daruel]

Hast Du auch mit class="horizontal centered" direkt im Slider probiert?

Hatte ich auch schon, bringt nichts.

Habe mal alles in dem Feld angehangen. Der Teil über dem Slider erscheint wie gewollt.

Code Auswählen Erweitern

<li data-row="5" data-col="2" data-sizex="3" data-sizey="4">
    <header class="headerTransparent">Heizung</header>
    <table width="100%" class="">
        <tr>
          <th width="40%">Temperatur</th>
          <th width="30%">Ist</th>
          <th width="30%">Soll</th>
        </tr>
        <tr>
            <td>
                <div class="inline">
                    Kessel
                </div>
            </td>
            <td>
                <div data-type="label"
                     data-device="Heizung"
                     data-get="Temp-Kessel-Ist"
                     class="">
                </div>
            </td>
            <td>
                <div data-type="label"
                     data-device="Heizung"
                     data-get="Temp-Kessel-Soll"
                     class="">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="inline">
                    Raum
                </div>
            </td>
            <td>
                <div data-type="label"
                     data-device="Heizung"
                     data-get="Temp-Raum-Soll"
                     class="">
                </div>
            </td>
            <td>
                <div data-type="label"
                     data-device="Heizung"
                     data-get="Temp-Raum-Soll"
                     class="">
                </div>
            </td>
        </tr>
    </table>
    <table width="100%" class="">
        <tr>
          <th width="40%">Brenner</th>
          <th width="30%">Heute</th>
          <th width="30%">Gestern</th>
        </tr>
        <tr>
            <td>
                <div class="inline">
                    Öl
                </div>
            </td>
            <td>
                <div data-type="label"
                     data-device="Heizung"
                     data-get="OelverbrauchToday"
                     class="">
                </div>
            </td>
            <td>
                <div data-type="label"
                     data-device="Heizung"
                     data-get="OelverbrauchLastDay"
                     class="">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="inline">
                    Stunden
                </div>
            </td>
            <td>
                <div data-type="label"
                     data-device="Heizung"
                     data-get="BrennerStundenToday"
                     class="">
                </div>
            </td>
            <td>
                <div data-type="label"
                     data-device="Heizung"
                     data-get="BrennerStundenLastDay"
                     class="">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="inline">
                    Starts
                </div>
            </td>
            <td>
                <div data-type="label"
                     data-device="Heizung"
                     data-get="BrennerStartsToday"
                     class="">
                </div>
            </td>
            <td>
                <div data-type="label"
                     data-device="Heizung"
                     data-get="BrennerStartsLastDay"
                     class="">
                </div>
            </td>
        </tr>
    </table>

    <div class="inline top-space">
      <div data-type="switch" data-device="Heizung"
        data-set-on="HWW" data-set-off="AUS" class="green"
        data-get="state" data-get-on="H+WW" data-get-off="ABSCHALT"
        data-icon="fa-power-off" data-background-icon="fa-square" ></div>
      <div data-type="label" >Heizung</div>
    </div>
    <div class="inline top-space">
      <div data-type="switch" data-device="Heizung"
        data-set-on="P-ON" data-set-off="P-OFF"
        data-get="state_party" data-get-on="on" data-get-off="off" class="green"
        data-icon="fa-power-off" data-background-icon="fa-square" ></div>
      <div data-type="label" >Party</div>
    </div>
    <div class="inline top-space">
      <div data-type="switch" data-device="Heizung"
        data-set-on="S-ON" data-set-off="S-OFF"
        data-get="state_spar" data-get-on="on" data-get-off="off" class="green"
        data-icon="fa-power-off" data-background-icon="fa-square" ></div>
      <div data-type="label" >Spar</div>
    </div>

<div class="top-space-3x">
    <div data-type="slider"
       data-device='Heizung'
       data-get="Temp-Raum-Soll"
       data-min="14"
       data-max="28"
       data-cmd="set "
       class="horizontal centered"
  </div>
</div>
   </li>

[amenomade]

<div class="top-space-3x">
    <div data-type="slider"
       data-device='Heizung'
       data-get="Temp-Raum-Soll"
       data-min="14"
       data-max="28"
       data-cmd="set "
       class="horizontal centered"
  </div>
</div>

Mach zuerst ein ">" nach centered"

Code Auswählen Erweitern

       class="horizontal centered">

[daruel]

Muss wohl beim rumprobieren verloren gegangen sein.
Ändert aber leider auch nichts...

Das "top-space-3x" in dem div über dem slider funktioniert ja. Centered soll ja im Eltern-div gesetzt werden, das müsste doch das mit dem top-space sein, oder nicht?

[amenomade]

Es scheint von class "horizontal" zu kommen. Wenn Du horizontal löschst, wird alles ordentlich zentriert. Zumindest bei mir:

Mit folgendem ist alles zentriert:

Code Auswählen Erweitern

<!DOCTYPE html>
<html>
<head>
   <link rel="icon" href="favicon.ico" type="image/x-icon" />
   <script src="js/fhem-tablet-ui.js" defer></script>
   <title>FHEM-Tablet-UI</title>
</head>

<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="3" data-sizey="4">

<div class="top-space-3x">
    <div data-type="slider"
       data-device='Heizung'
       data-get="Temp-Raum-Soll"
       data-min="14"
       data-max="28"
       data-cmd="set "
       class=""
</div>
</div>
</li>
</ul>
</div>
</body>
</html>

Sobal ich statt class="" class="horizontal" nutze, ist es rechtbündig.

[amenomade]

Versuch mal mit:

Code Auswählen Erweitern

<div class="top-space-3x center">
    <div data-type="slider"
       data-device='Heizung'
       data-get="Temp-Raum-Soll"
       data-min="14"
       data-max="28"
       data-cmd="set "
       class="horizontal"
  </div>
</div>

Achtung: "center" und NICHT "centered"

[daruel]

Ok, wenn ich oben bei dem top space "center" hinsetze wird der slider mittig, aber auch die 3 switches darüber.

Das "centerED" habe ich so aus dem FTUI Wiki übernommen, deshalb habe ich da garnicht dran gezweifelt