Evaluierungsversion 2.2

ulli · 01 April 2016, 16:29:17

@setstate:

Aktuell betreibe ich meine alte Konfiguration mit pagetab, nur mit der 2.1er Version.
Dabei muss ich feststellen das keine Daten mehr per poll aktualisiert werden, erst wenn ich umschalte oder nie Seite neu lade.

Konntest du meine 3 oben beschriebenen Bugs nachvollziehen?

setstate · 01 April 2016, 16:39:48

Jepp, 2 und 3 habe ich schon gefixed, commit folgt heute Abend.

Nummer 1 verstehe ich nicht.

ulli · 01 April 2016, 17:38:19

Zitat von: setstate am 01 April 2016, 16:39:48
Jepp, 2 und 3 habe ich schon gefixed, commit folgt heute Abend.

Nummer 1 verstehe ich nicht.

Zu 1)
Nimm mal folgenden Inhalt in deine "page_content3.html" rein

Code Auswählen

<html>
<title>FHEM</title>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * first page
     * -->
</head>
<body>
  <div class="page" id="content3">
    <div class="gridster">
      <ul>
        <li data-row="2" data-col="2" data-sizex="6" data-sizey="6">
             <header>PAGE THREE</header>
             <div class="left">
                <div data-type="label" data-device="AgroWeather" data-get="fc2_tempMax" data-unit="°C&nbsp;" class="bottom gigantic inline verticalLine"></div>
                <div class="inline">
                   <div data-type="label" data-device="AgroWeather" data-get="fc2_weatherDay" class="large cell"></div>
                   <div data-type="weather" data-device="AgroWeather" data-get="fc2_weatherDay" class="bigplus thin"></div>
                   min:&nbsp;<div data-type="label" data-device="AgroWeather" data-get="fc2_tempMin" data-unit="%B0C%0A" class="inline medium"></div>
                </div>
             </div><div class="row"></div>
             <div class="left">
                 <div data-type="label" data-device="AgroWeather" data-get="fc2_date" data-substitution="toDate().eeee()+','" class="left large cell darker"></div>
                 <div data-type="label" data-device="AgroWeather" data-get="fc2_date" data-substitution="toDate().ddmm()" class="left large cell darker"></div>
             </div>
        </li>
      </ul>
    </div>
   </div>
</body>
</html>

Warum ist der content nicht in der zweiten Row?
Prinzipiell scheint es so zu sein das man die Row 1 nicht frei lassen kann. Das ist auch problematisch wenn in der index.html in der ersten Row Daten stehen, dann werden diese einfach überblendet durch den neuen content.

Zitat von: ulli am 01 April 2016, 16:29:17
@setstate:
Aktuell betreibe ich meine alte Konfiguration mit pagetab, nur mit der 2.1er Version.
Dabei muss ich feststellen das keine Daten mehr per poll aktualisiert werden, erst wenn ich umschalte oder nie Seite neu lade.

Ist das Problem bei dir auch fest zu stellen?

fhainz · 02 April 2016, 14:10:34

Zitat von: ulli am 01 April 2016, 17:38:19
Warum ist der content nicht in der zweiten Row?
Prinzipiell scheint es so zu sein das man die Row 1 nicht frei lassen kann.

Genau das selbe Problem habe ich aktuell auch!

BTW:
Ich hab das Klimatrend, Rotor und wdtimer Widget auf 2.1 angepasst. Bei mir funktioniert es, aber vielleicht kann jemand mit mehr js Erfahrung einmal drüber schauen.

Edit:
Habe gerade gemerkt das ich eine alte version des wdtimer widgets umgebaut habe

setstate · 02 April 2016, 14:33:13

Das mit dem Gridster in zweiter Reihe kann ich nach vollziehen und habe auch eine Lösung, aber dann klappt das mit der zweiten Column nicht mehr.
Ich schaue mir das aber noch mal genauer an.

fhainz · 02 April 2016, 14:53:33

Zitat von: setstate am 02 April 2016, 14:33:13Ich schaue mir das aber noch mal genauer an.

Danke!

Ich habe auch noch das wdtimer Widget umgebaut. Ich füge es 2 posts drüber ein.

Andy89 · 02 April 2016, 18:04:54

Zitat von: Andy89 am 30 März 2016, 22:49:22
Was muss ich einstellen, damit mir deutsche Sonderzeiche nrichtig angezeigt werden?

habe mal das eingefügt in meinen Code:

Code Auswählen

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Einmal sind die Sonderzeichen nun richtig dargestellt und die Warnung in der Konsole verschwindet auch:

ZitatDie Zeichenkodierung des HTML-Dokuments wurde nicht deklariert. Das Dokument wird in manchen Browser-Konfigurationen mit verstümmeltem Text dargestellt, wenn das Dokument Zeichen außerhalb des US-ASCII-Bereichs enthält. Die Zeichenkodierung der Seite muss im Dokument oder Transferprotokoll deklariert werden.

dann bleiben nur noch folgende Warnungen:

ZitatUnbekannte Eigenschaft 'speak'. Deklaration ignoriert. fhem-tablet-ui.css:48:13
Unbekannte Eigenschaft '-moz-box-shadow'. Deklaration ignoriert. fhem-tablet-ui.css:130:17
Fehler beim Verarbeiten des Wertes für 'display'. Deklaration ignoriert. fhem-tablet-ui.css:297:13
Fehler beim Verarbeiten des Wertes für 'display'. Deklaration ignoriert. fhem-tablet-ui.css:298:13
Fehler beim Verarbeiten des Wertes für 'display'. Deklaration ignoriert. fhem-tablet-ui.css:299:13
Unbekannte Eigenschaft 'whiteSpace'. Deklaration ignoriert. fhem-tablet-ui.css:398:14
Fehler beim Verarbeiten des Wertes für 'min-height'. Deklaration ignoriert. fhem-tablet-ui.css:445:16
Unbekannte Eigenschaft 'appearance'. Deklaration ignoriert. fhem-tablet-ui.css:672:14
Unbekannte Pseudoklasse oder Pseudoelement '-ms-expand'. Regelsatz wegen ungültigem Selektor ignoriert. fhem-tablet-ui.css:677:8
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. font-awesome.min.css:4:1840
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. font-awesome.min.css:4:2003
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. font-awesome.min.css:4:2169
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. font-awesome.min.css:4:2340
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. font-awesome.min.css:4:2513
Fehler beim Verarbeiten des Wertes für 'line-height'. Deklaration ignoriert. index_mobil.html

setstate · 03 April 2016, 00:40:09

Zitat von: setstate am 02 April 2016, 14:33:13
Das mit dem Gridster in zweiter Reihe kann ich nach vollziehen und habe auch eine Lösung, aber dann klappt das mit der zweiten Column nicht mehr.
Ich schaue mir das aber noch mal genauer an.

Es war dann doch viel einfacher. Man reserviert einfach eine ganze Kachel für den Content

Code Auswählen


<body>
    <div class="gridster">
        <ul>
            <li data-row="1" data-col="1" data-sizex="8" data-sizey="1">
                <div data-type="pagebutton" data-url="#page_content1.html" data-load="#content1" ...></div>
                <div data-type="pagebutton" data-url="#page_content2.html" data-load="#content2" ...></div>
                <div data-type="pagebutton" data-url="#page_content3.html" data-load="#content3" ...></div>
            </li>
            <li data-row="2" data-col="1" data-sizex="9" data-sizey="8">
                <div class="page" id="content1"></div>
                <div class="page" id="content2"></div>
                <div class="page" id="content3"></div>
            </li>
        </ul>
    </div>
</body>

Update bei:
pagebutton
range
progress
checkbox

Andy89 · 03 April 2016, 00:47:50

kurze Frage:
gibt es eine clickable section bei HTML?
ich würde gerne als Übersicht alles "geschlossen haben" und nur die normale Anzeige von section haben. aber wenn ich auf eine einzelne Section draufklicke hätte ich gerne, dass mehr Infos angezeigt werden wie zum Beispiel bei der Heizung die komplette Steuerung mit Auto/Manuell, Temp höher/niedrieger, Soll-Wert Anzeige und so weiter... Quasi so, dass alle anderen Sections sich nach unten verschieben und die Zusatzinfos eingeblendet werden. Und bei einem weiteren klick oder bei einem klick auf eine andere Section die aktuellen Zusatzinfos ausgeblendet werden bzw. die Zusatzinfos von der neuen Section eingeblendet werden.
Gibt es sowas? Oder wenn nicht, ist sowas möglich?

edit: mir gehts hierbei um die mobilen Seiten

fhainz · 03 April 2016, 09:10:10

Hallo setstate!

100%ig funktioniert es noch nicht. Wenn ich eine ganze Kachel für den Content reserviere muss ich den Hintergrund der Kachel mit style="background-color: #000000;" auf schwarz setzen. Dann sieht man das sich die Kacheln ein wenig nach rechts verschoben haben. Mit margin-left:-5px; kann ich sie zwar wieder an den richtigen Platz setzen, aber die letzte Kachel ist generell ein bisschen zu schmal.

Hast du eine Idee?

Grüße

Edit:
So funktioniert es. Es wäre natürlich sauberer das in die .css datei zu verschieben.

index.html

Code Auswählen


<li data-row="2" data-col="2" data-sizex="6" data-sizey="6" style="background-color: #000000;">
			<div class="page" id="contentHome"></div>
			<div class="page" id="contentHeizung"></div>
			<div class="page" id="contentWohnzimmer"></div>
			<div class="page" id="contentSchlafzimmer"></div>
			<div class="page" id="contentSystem"></div>
</li>

home.html

Code Auswählen

<div class="gridster" style="margin:-5px 0 0 -5px;">

Helmi55 · 03 April 2016, 18:21:39

Guten Abend,
ich möchte auch auf 2.1 umstellen und habe folgendes Problem. Meine Anzeige sieht so aus:

Ich habe wie beschrieben ein Verzeichnis unter www angelegt - /opt/fhem/www/tablet_dev. hier her habe ich die Dateien vom Download kopiert.
In FHEM sieht der Link in der config so aus: define TABLETUI_dev HTTPSRV ftui_dev/ ./www/tablet_dev Tablet-DEV
Aus meiner bestehenden Version 1 habe ich Teile in die 2.1 index kopiert.
Die sieht jetzt so aus:

Code Auswählen

<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.1.0
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2016 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * !!!! Evaluation version - run only in a staging enviroment !!!!
     *
     * - create a new folder named 'tablet_eval' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet_eval
     * - add 'define TABLETUIEVAL HTTPSRV ftui_eval ./www/tablet_eval Tablet-EVAL' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet_eval/
     */
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="widget_base_width" content="74">
    <meta name="widget_base_height" content="71">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="gridster_disable" content="1">
    <meta name="shortpoll-interval" content="900">
    <meta name="shortpoll-only-interval" content="30">
    <meta name="longpoll-delay" content="5"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="debug" content="1"> <!-- 1=output to console;0=not output -->
    <meta http-equiv="Cache-Control" content="no-store" />

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



    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="/fhem/tablet/css/fhem-green-ui.css" / -->
    <!-- link rel="stylesheet" href="/fhem/tablet_dev/css/fhem-tablet-ui-user.css" / -->

    <script src="/fhem/pgm2/jquery.min.js" defer></script>
    <script src="/fhem/tablet_eval/lib/jquery.toast.min.js" defer></script>
    <script src="/fhem/tablet_eval/lib/jquery.gridster.min.js" defer></script>
    <script src="/fhem/tablet_eval/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="1" data-sizey="8">
                <div class="cell">
                    <div data-type="pagebutton" data-url="#page_content1.html" data-load="#content1" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#page_content1.html" data-device="dummy1" data-return-time="10" data-states='["0","1"]' data-icons='["fa-home","fa-home warn"]' class="prefetch top-space"></div>
                    <div data-type="pagebutton" data-url="#page_content2.html" data-load="#content2" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#page_content2.html" data-icon="fa-music" class="prefetch top-space"></div>
                    <div data-type="pagebutton" data-url="#page_content3.html" data-load="#content3" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#page_content3.html" data-icon="fa-sliders" class="prefetch top-space"></div>
                </div>
            </li>
            <li data-row="1" data-col="2" data-sizex="9" data-sizey="8">
                <div class="page" id="content1"></div>
                <div class="page" id="content2"></div>
                <div class="page" id="content3"></div>
            </li>
            
            <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
        <header class="cell" ></header>
        <div data-type="" 	        	  	     
        </div>                      
        <div data-type="label" class="bold"></div>
</li>

<li data-row="2" data-col="1" data-sizex="1" data-sizey="1">
        <header class="cell" ></header>
        <div data-type=""
        </div>                      
        <div data-type="label" class="bold"></div>
</li>

<li data-row="1" data-col="2" data-sizex="1" data-sizey="1">
        <header class="cell" > </header>
        <div data-type="switch"
		     data-device="PoolMaster"  	
	         data-set-on="off"
             data-set-off="on"
             data-get-on='["off","on"]'
             data-icon="fa-power-off"
             data-background-colors='["red","green"]'
             class="bigger" >
       </div>  
       <div data-type="label" class="bold">Pool Master</div>
</li>

<li data-row="1" data-col="3" data-sizex="1" data-sizey="1">
        <header class="cell" > </header>
        <div data-type="switch"
		     data-device="PoolPumpe"     	 
	         data-set-on="off"
             data-set-off="on"
	         data-get-on='["off","on"]'
             data-icon="fa-power-off"
             data-background-colors='["red","green"]'
             class="bigger" >
       </div>  
       <div data-type="label" class="bold">Pool Pumpe</div>
</li>

<li data-row="1" data-col="4" data-sizex="1" data-sizey="1">
        <header class="cell" > </header>
        <div data-type="switch"
		     data-device="SolarPumpe"   
	         data-set-on="off"
	         data-set-off="on"
	         data-get-on='["off","on"]'
	         data-icon="fa-power-off"
	         data-background-colors='["red","green"]'
             class="bigger" >
        </div>   
        <div data-type="label" class="bold">Solar Pumpe</div>
</li>

<li data-row="1" data-col="5" data-sizex="1" data-sizey="1">
        <header class="cell" > </header>
        <div data-type="switch"
	    	 data-device="Abend"
       	     data-set-on="off"
       	     data-set-off="on"
             data-get-on='["off","on"]'
	         data-icon="fa-power-off"
	         data-background-colors='["red","green"]'
             class="bigger" >
        </div>
        <div data-type="label" class="bold">Abend</div>
</li>

<li data-row="1" data-col="6" data-sizex="1" data-sizey="1">
        <header class="cell" > </header>
        <div data-type="switch"
       	 	 data-device="Chlor_Schalter"
       	     data-set-on="off"
       	     data-set-off="on"
       	     data-get-on='["off","on"]'
       	     data-icon="fa-power-off"
       	     data-background-colors='["red","green"]'
             class="bigger" >
        </div>      
        <div data-type="label" class="bold">Chlor Schalter</div>
</li>

<li data-row="1" data-col="7" data-sizex="1" data-sizey="1">
<header>Roboter</header>
<div class="row top-space">
	<div class="col-1-4">
		<div data-type="switch"
			data-device="Roboter"
			data-set-on="on"
			data-set-off="off"
			data-get-on="on"
			data-get-off="off"
			data-icon="fa-power-off"
			data-on-background-color="green"
			data-off-background-color="red"
			class="small">
		</div>
		<div data-type="label"
			class="">&nbsp;Auto
		</div>
	</div>
	<div class="col-2-4">&nbsp;
	</div>
</div>
<div class="row">
	<div class="col-2-4">&nbsp;
	</div>
	<div class="col-1-4">
		<div data-type="symbol"
			data-device="Roboter_sw4"
			data-get-on="on"
			data-get-off="off"
			data-icon="fa-gear"
			data-on-color="green"
			data-off-color="red"
			class="small">
		</div>
		<div data-type="label"
			class="">Status
		</div>
	</div>
</div>
</li>


<li data-row="1" data-col="8" data-sizex="1" data-sizey="1">
        <header>Garagentor</header>
        <div data-type="symbol" data-device="GaragenTor" 
             data-get-on='["Offen","Zu"]' 
             data-icons='["oa-fts_garage_door_10","oa-fts_garage_door_100"]' 
             data-on-colors='["red","green"]'
             class="bigger" >      
        </div>
        <div data-type="label" data-device="GaragenTor"
</li>

<li data-row="2" data-col="2" data-sizex="1" data-sizey="1">
        <header class="cell" >Ladezustand %</header> 
        <br/>   
        <div data-type="label"       
             data-device="Tablet"
             data-get="powerLevel"
             class="big cell" data-part="1" data-unit="">
        </div>                   
</li>

<li data-row="2" data-col="3" data-sizex="1" data-sizey="1">
        <header>Pool °C</header>
        <div data-type="thermostat" 
             data-device="PoolSensor"
             data-get="temperature" data-temp=""
             data-min="-10" data-max="60" data-step=".1" data-unit=""
             class="readonly top-space">
        </div>
</li>

<li data-row="2" data-col="4" data-sizex="1" data-sizey="1">
        <header>Solar °C</header>
        <div data-type="thermostat"
             data-device="SolarSensor"
             data-get="temperature" data-temp=""
             data-min="-10" data-max="60" data-step=".1" data-unit=""
             class="readonly top-space">
        </div>
</li>

<li data-row="2" data-col="5" data-sizex="1" data-sizey="1">
        <header>Luft °C</header>
        <div data-type="thermostat" 
             data-device="SolarSensor"
             data-get="temperature" data-temp=""
             data-min="-10" data-max="60" data-step=".1" data-unit=""
             class="readonly top-space">
        </div>
</li>

<li data-row="2" data-col="6" data-sizex="1" data-sizey="1">
        <header>SolarDiff</header>   
        <div data-type="label"  
             data-device="SolarDiff"
             data-get="STATE" 
             data-fix="1"
             data-unit="%B0C%0A" 
             class="big">
        </div>  
        <br/>
        <header>Hysterese</header>
        <div data-type="label"
             data-device="Hysterese"
             data-get="STATE" 
             data-unit="%B0C%0A" 
             class="big">
        </div> 
</li>

<li data-row="2" data-col="7" data-sizex="1" data-sizey="1">
        <header class="cell">pH - Wert</header>
        <br/>
        <div data-type="label"
		     data-device="Hysterese"
		     data-get="STATE"     
    	     data-limits='[5,6.9,7.4]'
  	         data-colors='["orange","green","red"]'  
             class="bigger">
        </div>  
</li>

<li data-row="2" data-col="8" data-sizex="1" data-sizey="1">
        <header>Garage °C</header>
        <div data-type="thermostat" 
             data-device="PoolSensor"
             data-get="temperature" data-temp=""
             data-min="-10" data-max="60" data-step=".1" data-unit=""
             class="readonly top-space">
        </div>     
</li>

<li data-row="3" data-col="1" data-sizex="1" data-sizey="3">     
        <div data-type="label" class="cell darker top-space">Heute</div>
        <div data-type="weather" data-device="Wetter" data-get="fc1_condition" class="cell big"></div>
        <div data-type="label" data-device="Wetter" data-get="fc1_condition" class="cell narrow"></div>
        <div data-type="label" data-device="Wetter" data-get="fc1_high_c" data-unit="%B0C%0A" class="cell large"></div>
        <div data-type="label" data-device="Wetter" data-get="fc1_low_c" data-unit="%B0C%0A" class="cell large"></div>
        <div data-type="label" class="cell darker top-space">Morgen</div>
        <div data-type="weather" data-device="Wetter" data-get="fc2_condition" class="cell big"></div>
        <div data-type="label" data-device="Wetter" data-get="fc2_condition" class="cell narrow"></div>
        <div data-type="label" data-device="Wetter" data-get="fc2_high_c" data-unit="%B0C%0A" class="cell large"></div>
        <div data-type="label" data-device="Wetter" data-get="fc2_low_c" data-unit="%B0C%0A" class="cell large">
        </div>   
</li>

<li data-row="4" data-col="2" data-sizex="1" data-sizey="1">
        <header class="cell" ></header>
        <div data-type="switch"
		     data-device="Licht"
       	     data-set-on="on"
       	     data-set-off="off"
       	     data-get-on="on.*"
       	     dta-get-off="off"    
       	     data-on-background-color="green"
       	     data-off-background-color="red"
             class="bigger" >
        </div>    
        <div data-type="label" class="bold">Gartenlicht</div>
</li>

<li data-row="3" data-col="4" data-sizex="2" data-sizey="1"> 
	    <header>St. Andrä-Wördern</header>
	    <div class="cell center">
	    <h2><a style="text-decoration:none;" href="http://www.zeitverschiebung.net/de/city/2761369"></h2><iframe src="http://www.zeitverschiebung.net/clock-widget-iframe?language=de&timezone=Europe%2FVienna" width="100%" height="130" frameborder="0" seamless></iframe></a>
	    </div>
</li>

<li data-row="3" data-col="7" data-sizex="1" data-sizey="1">
        <header class="cell" ></header>
        <div data-type="switch"
		     data-device="SolarPumpe"
       	     data-set-on="on"
       	     data-set-off="off"
       	     data-get-on="on.*"
       	     dta-get-off="off"    
       	     data-on-background-color="green"
       	     data-off-background-color="red"
             class="bigger" >
        </div>   
        <div data-type="label" class="bold">Poollicht</div>
</li>

<li data-row="3" data-col="8" data-sizex="1" data-sizey="1">
        <header>TechnikPool °C</header>
        <div data-type="thermostat"
             data-device="PoolSensor"
             data-get="temperature" data-temp=""
             data-min="-10" data-max="60" data-step=".1" data-unit=""
             class="readonly top-space">
        </div>
</li>

<li data-row="4" data-col="8" data-sizex="1" data-sizey="1">
        <header>Abstellraum °C</header>
        <div data-type="thermostat" 
             data-device="PoolSensor"
             data-get="temperature" data-temp=""
             data-min="-10" data-max="60" data-step=".1" data-unit=""
             class="readonly top-space">
        </div>
</li>

<li data-row="5" data-col="2" data-sizex="6" data-sizey="2">
        <header></header> 
        <div data-type="svgplot"
             data-device="SVG_FileLog_PoolSensor_1"
             data-gplotfile="SVG_FileLog_PoolSensor_1"
             data-logdevice="FileLog_PoolSensor"
             data-logfile="CURRENT"
             data-refresh="300">
        </div>
</li>

<li data-row="5" data-col="8" data-sizex="1" data-sizey="1">
        <header>Brunnen °C</header>
        <div data-type="thermostat"
             data-device="SolarSensor" 
             data-get="temperature" data-temp=""
             data-min="-10" data-max="60" data-step=".1" data-unit=""
             class="readonly top-space">
        </div>
</li>














        </ul>
    </div>

</body>
</html>

Was mache ich bitte falsch. Ich möchte umsteigen weil mein 1.1 am Produktionssystem nicht ordentlich läuft.

Nice eve
Helmut

setstate · 03 April 2016, 18:30:47

Einmal verwendest du tablet_eval und einmal tablet_dev als Pfad.
fhem.cfg und die Header Files im HTML müssen gleich sein.

Helmi55 · 03 April 2016, 20:08:00

Sorry das hatte ich übersehen.
Habe in meiner FTUI einige Temperaturanzeigen "thermostat" z.B.

Code Auswählen

<li data-row="2" data-col="3" data-sizex="1" data-sizey="1">
        <header>Pool °C</header>
        <div data-type="thermostat" 
             data-device="PoolSensor"
             data-get="temperature" data-temp=""
             data-min="-10" data-max="60" data-step=".1" data-unit=""
             class="readonly top-space">
        </div>
</li>

die stimmen aber mit meiner FHEM nicht überein?

Hängt das mit den Shortpoll und Longpoll Einstellungen vielleicht zusammen?

Und dann ist mir aufgefallen dass ein Schalter "switch"

Code Auswählen

<li data-row="4" data-col="2" data-sizex="1" data-sizey="1">
        <header class="cell" ></header>
        <div data-type="switch"
		     data-device="Gartenbeleuchtung"
       	     data-set-on="on"
       	     data-set-off="off"
       	     data-get-on="on.*"
       	     data-get-off="off"    
       	     data-on-background-color="green"
       	     data-off-background-color="red"
             class="bigger" >
        </div>    
        <div data-type="label" class="bold">Gartenlicht</div>
</li>

sich schalten lässt, aber wenn ich in FHEM schalte, werden die Änderungen im FTUI nicht aktualisiert??

Was mache ich da falsch???

setstate · 03 April 2016, 20:47:58

hey, bei mir ging das Thermostat auch nicht, ist mir vorhin auch erst aufgefallen.
Ist jetzt gefixed ...

Helmi55 · 03 April 2016, 20:57:36

Ok danke. Werde es dann runterladen. Ist der fix im github?
Was kann das Problem mit dem Schalter sein?