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.
<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!
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)
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
<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.
Bitte ein "list" von Dummy1
Dummy1 gibt es nicht, hatte das nur als Platzhalter.
So soll der Slider hinterher aussehen
<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?!
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?
Zitat von: amenomade am 01 Mai 2019, 17:48:31
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.
<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>
Zitat<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"
class="horizontal centered">
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?
Es scheint von class "horizontal" zu kommen. Wenn Du horizontal löschst, wird alles ordentlich zentriert. Zumindest bei mir:
Mit folgendem ist alles zentriert:
<!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.
Versuch mal mit:
<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"
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