Evaluierungsversion 2.2

Begonnen von setstate, 17 März 2016, 10:40:13

Vorheriges Thema - Nächstes Thema
Drucken
Nach unten Seiten 1 ... 42 43 44 45 46 ... 52
Benutzer-Aktionen

bjoernbo

#645
31 August 2016, 12:20:01
@Mikka: Werde ich heute Abend mal posten
Raspberry Pi 3 - FB6490C - Synology NAS DS916+ - NETATMO - HUE - SIEMENS G-Tag'S - FTUI - EchoDOT -

choetzu

#646
31 August 2016, 14:37:43
Hallo bjoernbo, ich schliess mich Mikka an. Sieht super aus!! Freue mich auf den Code!
Wie verhält sich das mit der Stabilität des Laden der Daten? Werden immer alle Werte sauber geladen oder musst du auch ab und dann 2-3mal nachladen?
Raspi3, EnOcean, Zwave, Homematic

bjoernbo

#647
31 August 2016, 14:52:20
Nein, die Daten sind sofort da! Der erste Aufruf der Seite dauert ca. 5 Sekunden. Bis alles da ist. Wenn ich dann ein Fenster i.d. Küche öffne oder eine Lampe schalte funktioniert das sofort / bzw. wird mir das in Echtzeit angezeigt!


Ich merke aber nochmal folgendes an!

Wenn ich die Seite im WLAN lade dauert es sehr sehr lange 20 Sekunden
Wenn ich die Seite im WLAN mit VPN lade dauert es sehr lange 15 Sekunden
Wenn ich die Seite über LTE/3G Netz mittels VPN lade dann dauert es nur 3-5 Sekunden.

woran das liegt weiß ich nicht!
Raspberry Pi 3 - FB6490C - Synology NAS DS916+ - NETATMO - HUE - SIEMENS G-Tag'S - FTUI - EchoDOT -

bjoernbo

#648
31 August 2016, 16:37:43 Letzte Bearbeitung: 31 August 2016, 16:39:29 von bjoernbo
Anbei der Code:

Code Auswählen
<html>
<title>FHEM</title>
<head>
<!--
     /* FHEM tablet ui */
     /*
     * Just another dashboard for FHEM
     *
     * Version: 1.3.0
     * Requires: jQuery v1.7+, font-awesome, jquery.gridster, jquery.toast
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define tablet_ui HTTPSRV tablet ./www/tablet Tablet Frontend' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->


    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="widget_base_width" content="116">
    <meta name="widget_base_height" content="131">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="longpoll" content="0">
    <meta name="debug" content="0">
    <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/powerange.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" />
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-weekprofile.css" />
    <link rel="stylesheet" href="/fhem/www/tablet/css/fhem-tablet-ui-weekprofile.css" />
    <link rel="stylesheet" href="/fhem/www/tablet/customfonts/font1/style.css">


<script type="text/javascript" src="/fhem/tablet/js/widget_clicksound.js"></script>

     <script type="text/javascript" src="/fhem/tablet/lib/jquery.circlemenu.js"></script>
    <script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
    <script type="text/javascript" src="/fhem/tablet/lib/jquery.gridster.min.js"></script>
    <script type="text/javascript" src="/fhem/pgm2/jquery.knob.min.js"></script>
    <script type="text/javascript" src="/fhem/tablet/lib/jquery.toast.min.js"></script>
    <script type="text/javascript" src="/fhem/tablet/lib/fa-multi-button.min.js"></script>
    <script type="text/javascript" src="/fhem/tablet/lib/powerange.min.js"></script>
    <script type="text/javascript" src="/fhem/tablet/lib/widget_klimatrend.js"></script>
    <script type="text/javascript" src="/fhem/tablet/lib/widget_kodinowplaying.js"></script>
     <script type="text/javascript" src="/fhem/tablet/js/widget_kodinowplaying.js"></script>
      <script type="text/javascript" src="/fhem/tablet/js/widget_simplechart.js"></script>
    <script type="text/javascript" src="/fhem/tablet/js/fhem-tablet-ui.js"></script>



    <!-- Enable this lines for usage with WebViewControl --><!--
    <script type="text/javascript" src="/fhem/pgm2/cordova-2.3.0.js"></script>
    <script type="text/javascript" src="/fhem/js/webviewcontrol.js"></script>
    <script type="text/javascript">var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
    --><!-- End for WebViewControl -->
</head>
<body>
<div class="gridster">
<ul>

<li data-row="1" data-col="1" data-sizex="3" data-sizey="5">
   
    <div data-type="swiper" data-height="620px" data-width="370px" class="inline medium">
       <ul>
            <li>   
               <div data-type="label" class="small">&nbsp;&nbsp;</div>
                <div data-type="label" class="big">Wohnzimmer</div></br>
                <div class="center">
                   <div data-type="symbol"
                         data-device="Fensterkontakt.Wohnzimmer"
                         data-get-on='["geöffnet","geschlossen"]'
                         data-icons='["ftui-window warn","ftui-window"]'
                         data-on-colors='["#aa6900","#555"]'
                         class="narrow big"></div>
                         
                </div>
                   <div class="center">
                   <div data-type="switch" data-device="WZ_Dimmer" class="cell"></div>
                 
                   <div data-type="switch" data-device="Stehlampe" class="cell"></div></div>
                    <div class="center">
                    <div data-type="label"  class="small">Dimmer</div>
                    <div data-type="label" class="small">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                   <div data-type="label" class="small">Stehlampe</div>
                 </div>

              <div data-type="label" class="small">&nbsp;&nbsp;</div>
              <div class="center">
              <div data-type="switch"
                   data-device="AppleTV_Modus"
                   data-icon="fa-apple"
                   class="cell"></div> 
              <div data-type="switch"
                   data-device="TV_Modus"
                   data-icon="font1-tv"
                   class="cell"></div>
              </div>

<div class="top-space row">
            <div data-type="spinner"
                data-device="Wohnzimmer.Wandthermostat"
                data-icon-left-color="blue"
                data-icon-right-color="red"
                data-step="0.5"
                data-min="4"
                data-max="30"
                data-unit="°"
                data-get="desired-temp"
                data-off="off"
                class="valueonly col-3-5">
            </div>
           
        </div>


            </li>
            <li>   
                <div data-type="label" class="small">&nbsp;&nbsp;</div>
                <div data-type="label" class="big">Küche</div></br>
                <div class="center">
                   <div data-type="symbol"
                         data-device="Fensterkontakt.Kueche"
                         data-get-on='["geöffnet","geschlossen"]'
                         data-icons='["ftui-window warn","ftui-window"]'
                         data-on-colors='["#aa6900","#555"]'
                         class="narrow big"></div>
                         
                </div>
                   <div class="center">

                  <div data-type="switch" data-device="KuecheLED" data-get="state" class="cell"></div></div>

                   <div class="center"> <div data-type="label"  class="small">Unterschrank LED</div>
                 </div>


                <div class="center">
                   <div data-type="switch" data-device="HUEDeviceKueche" data-get="state" class="cell"></div></div>
                    <div class="center"><div data-type="label" class="small">Deckenlampe</div>
                  </div>
<div data-type="label" class="small">&nbsp;&nbsp;</div>
<div data-type="label" class="small">&nbsp;&nbsp;</div>
                  <div data-type="label" class="cell inline normal">Kühlschrank</div>
    <div  data-type="label"
          data-device="LaCrosse_2A"
          data-get="temperature"
          data-unit=" °C"
          class="big"></div>
          <br>
    <div data-type="label" class="cell inline normal">Eisfach</div>
    <div  data-type="label"
          data-device="LaCrosse_27"
          data-get="temperature"
          data-unit=" °C"
          class="big"></div>


            </li>
<li>   
                <div data-type="label" class="small">&nbsp;&nbsp;</div>
                <div data-type="label" class="big">Schlafzimmer</div></br>
                <div class="center">
                   <div data-type="symbol"
                         data-device="Fensterkontakt.Schlafzimmer"
                         data-get-on='["geöffnet","geschlossen"]'
                         data-icons='["ftui-window warn","ftui-window"]'
                         data-on-colors='["#aa6900","#555"]'
                         class="narrow big"></div>
                         
                </div>
                   <div class="center">

                  <div data-type="switch" data-device="KuecheLED" data-get="state" class="cell"></div></div>

                   <div class="center"> <div data-type="label"  class="small">Unterschrank LED</div>
                 </div>


                <div class="center">
                    <div data-type="switch" data-device="HUEDeviceKueche" data-get="state" class="cell"></div></div>
                    <div class="center"><div data-type="label" class="small">Deckenlampe</div>
                  </div>
            </li>

             <li>   
                <div data-type="label" class="small">&nbsp;&nbsp;</div>
                <div data-type="label" class="big">Kinderzimmer BEN</div></br>
                <div class="center">
                   <div data-type="symbol"
                         data-device="Fensterkontakt.Ben"
                         data-get-on='["geöffnet","geschlossen"]'
                         data-icons='["ftui-window warn","ftui-window"]'
                         data-on-colors='["#aa6900","#555"]'
                         class="narrow big"></div>
                         
                </div>
                   <div class="center">

                  <div data-type="switch" data-device="KuecheLED" data-get="state" class="cell"></div></div>

                   <div class="center"> <div data-type="label"  class="small">Unterschrank LED</div>
                 </div>


                <div class="center">
                    <div data-type="switch" data-device="Stehlampe" class="cell"></div></div>
                    <div class="center"><div data-type="label" class="small">Stehlampe</div>
                  </div>
            </li>
             <li>   
                <div data-type="label" class="small">&nbsp;&nbsp;</div>
                <div data-type="label" class="big">Kinderzimmer Julia</div></br>
                <div class="center">
                   <div data-type="symbol"
                         data-device="Fensterkontakt.Julia"
                         data-get-on='["geöffnet","geschlossen"]'
                         data-icons='["ftui-window warn","ftui-window"]'
                         data-on-colors='["#aa6900","#555"]'
                         class="narrow big"></div>
                         
                </div>
                   <div class="center">

                  <div data-type="switch" data-device="KuecheLED" data-get="state" class="cell"></div></div>

                   <div class="center"> <div data-type="label"  class="small">Unterschrank LED</div>
                 </div>


                <div class="center">
                    <div data-type="switch" data-device="Stehlampe" class="cell"></div></div>
                    <div class="center"><div data-type="label" class="small">Stehlampe</div>
                  </div>
            </li>
            <li>   
                <div data-type="label" class="small">&nbsp;&nbsp;</div>
                <div data-type="label" class="big">Badezimmer</div></br>
                <div class="center">
                  <div class="cell">
                  <div data-type="label" class="cell">Temperatur</div>
                  <div data-type="label"
                  data-device="LaCrosse_14"
                  data-get="temperature"
                  data-fix="0"
                  data-unit=" °C"
                  class="big"></div>
              </br>
        <div data-type="label" class="cell">Luftfeuchte</div>
        <div data-type="label" data-device="LaCrosse_14" data-get="humidity" data-fix="0" data-unit="%" class="big"></div>
                    </div>     
                </div>
                   
            </li>
            <li>   
                <div data-type="label" class="small">&nbsp;&nbsp;</div>
                <div data-type="label" class="big">Sonstige</div></br>
                 <div class="container">
          <div class="center">
            <div class="cell">
              <div data-type="label" class="small">CO&sup2; Belastung</div>
              <div data-type="label"
                   data-device="NetatmoInnenSensor"
                   data-get="co2"
                   data-fix="0"
                   data-unit=" ppm"
                   
                   data-limits="[0, 600, 1000, 1180, 1800, 2250]"
                   data-colors='["green","yellowgreen","greenyellow","yellow","orange","red"]'></div></br>
              <div data-type="label" class="small">Luftfeuchte</div>
              <div data-type="label"
                    data-device="Wohnzimmer.Wandthermostat"
                    data-get="humidity"
                    data-fix="0"
                    data-unit="%"
                    ></div></br>
              <div data-type="label" class="small">Lärm</div>
              <div data-type="label"
                    data-device="NetatmoInnenSensor"
                    data-get="noise"
                    data-fix="0"
                    data-unit=" dB"
                    ></div>     
           </div>
          </div>
    </div>

<div class="cell"><br>
  <div data-type="label" class="small">Außentemperatur</div>
<div data-type="label"
                            data-device="netatmo_M02:XXXXXXXXX"
                            data-get="temperature"
                            data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
                            data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
                            data-unit="°C"
                            class="inline cell big"></div></center>
    <center><div data-type="klimatrend"
    data-device="netatmo_M02:XXXXXXXXXX"
    data-get="statTemperatureTendency"
    data-refperiod="6"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
    class="inline"></div>
    <div data-type="klimatrend"
    data-device="netatmo_M02:XXXXXXXXX"
    data-get="statTemperatureTendency"
    data-refperiod="3"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
   
   class="inline"></div>
    <div data-type="klimatrend"
    data-device="netatmo_M02:XXXXXXX"
    data-get="statTemperatureTendency"
    data-refperiod="2"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
    class="inline"></div>
    <div data-type="klimatrend"
    data-device="netatmo_M02:XXXXXXXXXX"
    data-get="statTemperatureTendency"
    data-refperiod="1"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
    class="inline"
></div></div>

</li>
       
<li>
  <div data-type="label" class="small">&nbsp;&nbsp;</div>
                <div data-type="label" class="big">Stromverbrauch</div></br>
<div data-type="label" class="cell normal">akt. Verbr.</div>
        <div data-type="label"
             data-device="ESAx000WZ_5242"
             data-get="actual"
             data-unit=" kWh"
             data-fix="1"
             class="cell large">
        </div>
       
        <div data-type="label" class="cell normal">Tagesverbrauch</div>
        <div data-type="label"
             data-device="ESAx000WZ_5242"
             data-get="day"
             data-unit=" kWh"
             data-fix="1"
             class="cell large">
        </div>
         
          <div data-type="label" class="cell normal">Gestern</div>
        <div data-type="label"
             data-device="ESAx000WZ_5242"
             data-get="day_last"
             data-unit=" kWh"
             data-fix="0"
             class="cell large">
        </div>
         
          <div data-type="label" class="cell normal">Monatsverbrauch</div>     
        <div data-type="label"
             data-device="ESAx000WZ_5242"
             data-get="month"
             data-unit=" kWh"
             data-fix="0"
             class="cell large">
        </div>
         
          <div data-type="label" class="cell normal">Vormonat</div>
        <div data-type="label"
             data-device="ESAx000WZ_5242"
             data-get="month_last"
             data-unit=" kWh"
             data-fix="0"
             class="cell large">
        </div>
       
        <div data-type="label" class="cell normal">Jahresverbrauch</div>
        <div data-type="label"
             data-device="ESAx000WZ_5242"
             data-get="year"
             data-unit=" kWh"
             data-fix="0"
             class="cell large">
        </div>     
</li> 
  <li>   
                <div data-type="label" class="small">&nbsp;&nbsp;</div>
                <div data-type="label" class="big">Wetter</div></br>

                <div class="container weather">
           
           </div>

<table border="0px" width="100%">       
  <tr>
    <td class="A2"><center><div data-type="label"
             data-device="MyWeather"
             data-get="fc0_date"></div></center></td>

    <td class="B2"><center><div data-type="label" class="inline small"><big>↑</big><small>&nbsp;&nbsp;Sonne:&nbsp;&nbsp;&nbsp;&nbsp;</small><br></div>
     <div data-type="label"
             data-device="Sonnenaufgang"
             data-get="state"></div></center></td>
    <td class="C2"><center><div data-type="label" class="inline small"><big>↓</big><small>&nbsp;&nbsp;Sonne:&nbsp;&nbsp;&nbsp;&nbsp;</small><br></div>
    <div data-type="label"
             data-device="Sonnenuntergang"
             data-get="state"></div></center></td>
    <td class="D2"><center><div data-type="label" class="inline small"><small>Sichtweite:</small><br></div>
                    <div data-type="symbol"
                        data-icon="fa-binoculars"
                        data-on-color="#aa6900"
                        data-off-color="#aa6900"
                        class="inline"
                        style="font-size:1em"></div>
                        <div data-type="label"
                            data-device="MyWeather"
                            data-get="visibility"
                            data-unit=" km"
                            class="inline"></center></td>
   
  </tr>
  <tr>
    <td class="tg-031e"><div data-type="label"><small><center>Temperatur<br></center></small></div>
        <center><div data-type="label"
                            data-device="netatmo_M02:XXXXXXXXXX"
                            data-get="temperature"
                            data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
                            data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
                            data-unit="°C"
                            class="inline cell big"></div></center>
    <center><div data-type="klimatrend"
    data-device="netatmo_M02:XXXXXXXXX"
    data-get="statTemperatureTendency"
    data-refperiod="6"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
    class="inline"></div>
    <div data-type="klimatrend"
    data-device="netatmo_M02:XXXXXXXXXX"
    data-get="statTemperatureTendency"
    data-refperiod="3"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
   
   class="inline"></div>
    <div data-type="klimatrend"
    data-device="netatmo_M02:XXXXXXXXX"
    data-get="statTemperatureTendency"
    data-refperiod="2"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
    class="inline"></div>
    <div data-type="klimatrend"
    data-device="netatmo_M02:XXXXXXXXX"
    data-get="statTemperatureTendency"
    data-refperiod="1"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
    class="inline"
></div></center>

</td>
    <td class="tg-031e" colspan="2" rowspan="2">
       <center> <div data-type="weather"
             data-device="MeinWetter"
             data-get="condition"
             style="font-size:250%">
        </div>
           
        <div data-type="label"
             data-device="MeinWetter"
             data-get="fc1_condition">
         </div>


     </center>
     </td>
    <!-- <td class="tg-031e">C3</td>-->
    <td><center><div data-type="wind_direction"
                            data-device="MyWeather"
                            data-get="windDir"
                            data-part="2"
                           
                            data-size="75"
                            data-tickstep="45"></div>   
    </center></td>
</tr>
<tr>
    <td class="tg-031e"><div data-type="label"><small><center>Feuchtigkeit</center></small></div>
        <center><div data-type="label"
             data-device="netatmo_M02:XXXXXXXX"
             data-get="humidity"
             data-limits="[0,40,60]"
             data-colors='["#9999ff","#aa6900","#ff6900"]'
             data-unit=" %"
             class="inline cell big">
         </div>
    <td class="tg-031e">
        <center><div data-type="label"><small>Wind</small><br></div>
    <div data-type="label"
             data-device="MyWeather"
             data-get="wind"
             data-unit=" km/h"
             data-limits="[0,        19,       28,       38,       49,       74,       102,      117]"
             data-colors='["#ffffff","#dddddd","#aa6900","#aa6900","#ff9999","#ff6666","#ff3333","#ff0000"]'
             style="display:inline"
             class="inline">
         </div>
   
</center>
    </td>
</tr>
<tr>
    <td class="C5"><center><div data-type="label" class="inline"><small>&nbsp;&nbsp;&nbsp;Tageswerte&nbsp;&nbsp;&nbsp;<br></small></div>
          <br>↓
            <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_tempMin"
             data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
             data-unit=" °C"
             class="inline">
         </div>↑
         <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_tempMax"
             data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
             data-unit=" °C"
             class="inline">
        </div></center>
    </td>
    <td class="A5"><center><div data-type="label" class="inline"><small>UV-Index<br></small></div>
<div data-type="label"
             data-device="MyWeather"
             data-get="fc0_uv"
             data-limits="[0,4,7]"
             data-colors='["green","orange","red"]'
              class="inline">
         </div>
</center>
    </td>
    <td class="B5"><center><div data-type="label" class="inline"><small>Regenrisiko<br></small></div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRainDay"
              data-unit=" %"
              data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#32AD4F","#3AAB2C","green","green","green","#F6AA1D","green","green","green","green","#F6451D"]'
              class="inline">
         </div></center></td>       
    <td class="D5"><center><div data-type="label" class="inline"><small><br>Luftdruck<br></small></div>
<div data-type="label"
                            data-device="MyWeather"
                            data-get="pressure"
                            data-unit=" hPa"
                            data-limits="[0,950,1000]"
                            data-colors='["#ff9999","#aa6900","#9999ff"]'></div>
                         <div data-type="label"
                            data-device="MeinWetter"
                            data-get="pressure_trend_sym"
                            class="inline"></div></center>
                    </td>
</tr>
<!-- Ergänzung -->
<!-- <tr><td>&nbsp;</td></tr> -->
<tr>
    <td class="E1" colspan="4" rowspan="1">
    <div data-type="label" class="inline"><center><small>Regenrisiko</small></center></div></td>
   
</tr>
<tr><td><center><div data-type="symbol"
                        data-icon="font1-droplet"
                        data-on-color="#0099FF"
                        data-off-color="#0099FF"
                        class="inline"
                        style="font-size:3em"></div></center>
</td>
    <td class="F1"><!-- <center>0 Uhr<br>3 Uhr<br>6 Uhr<br>9 Uhr</center></td> -->
     <small><div data-type="label" class="inline">0 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain00"
              data-unit="%"
              data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
        <div data-type="label" class="inline">3 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain03"
              data-unit="%"
            data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
        <div data-type="label" class="inline">6 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain06"
              data-unit="%"
                    data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
        <div data-type="label" class="inline">9 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain09"
              data-unit="%"
                    data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div></small>
     </td>
     <td>
        <small><div data-type="label" class="inline">12 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain12"
              data-unit="%"
                   data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
<div data-type="label" class="inline">15 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain15"
              data-unit="%"
                  data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>

<div data-type="label" class="inline">18 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain18"
              data-unit="%"
              data-limits="[0,          10,         20,    30,      40,     50,     60,     70
Raspberry Pi 3 - FB6490C - Synology NAS DS916+ - NETATMO - HUE - SIEMENS G-Tag'S - FTUI - EchoDOT -

choetzu

#649
31 August 2016, 23:47:35
hallo bjoernbo

super, herzlichen Dank!!! Leider ist nicht der ganze Code drauf. Beim Wetter wurde es abgetrennt und die letzte Seite (temperaturen) fehlt gänzlich. Kannst du dies noch ergänzen? Danke.

Lg c
Raspi3, EnOcean, Zwave, Homematic

bjoernbo

#650
01 September 2016, 06:06:58 Letzte Bearbeitung: 01 September 2016, 06:09:26 von bjoernbo
ohhh, ok. Hier nochmal alles ab "Wetter"

Code Auswählen
<li>   
                <div data-type="label" class="small">&nbsp;&nbsp;</div>
                <div data-type="label" class="big">Wetter</div></br>

                <div class="container weather">
           
           </div>

<table border="0px" width="100%">       
  <tr>
    <td class="A2"><center><div data-type="label"
             data-device="MyWeather"
             data-get="fc0_date"></div></center></td>

    <td class="B2"><center><div data-type="label" class="inline small"><big>↑</big><small>&nbsp;&nbsp;Sonne:&nbsp;&nbsp;&nbsp;&nbsp;</small><br></div>
     <div data-type="label"
             data-device="Sonnenaufgang"
             data-get="state"></div></center></td>
    <td class="C2"><center><div data-type="label" class="inline small"><big>↓</big><small>&nbsp;&nbsp;Sonne:&nbsp;&nbsp;&nbsp;&nbsp;</small><br></div>
    <div data-type="label"
             data-device="Sonnenuntergang"
             data-get="state"></div></center></td>
    <td class="D2"><center><div data-type="label" class="inline small"><small>Sichtweite:</small><br></div>
                    <div data-type="symbol"
                        data-icon="fa-binoculars"
                        data-on-color="#aa6900"
                        data-off-color="#aa6900"
                        class="inline"
                        style="font-size:1em"></div>
                        <div data-type="label"
                            data-device="MyWeather"
                            data-get="visibility"
                            data-unit=" km"
                            class="inline"></center></td>
   
  </tr>
  <tr>
    <td class="tg-031e"><div data-type="label"><small><center>Temperatur<br></center></small></div>
        <center><div data-type="label"
                            data-device="netatmo_M02xxxxxxxxx"
                            data-get="temperature"
                            data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
                            data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
                            data-unit="°C"
                            class="inline cell big"></div></center>
    <center><div data-type="klimatrend"
    data-device="netatmo_M02:xxxxxxxx"
    data-get="statTemperatureTendency"
    data-refperiod="6"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
    class="inline"></div>
    <div data-type="klimatrend"
    data-device="netatmo_M02xxxxxxx"
    data-get="statTemperatureTendency"
    data-refperiod="3"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
   
   class="inline"></div>
    <div data-type="klimatrend"
    data-device="netatmo_M02:xxxxxxxx"
    data-get="statTemperatureTendency"
    data-refperiod="2"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
    class="inline"></div>
    <div data-type="klimatrend"
    data-device="netatmo_M02:0xxxxxx"
    data-get="statTemperatureTendency"
    data-refperiod="1"
    data-stagnating-color="rgb(80,80,80)"
    data-icon="fa-angle"
    data-rising-color="rgb(180,80,80)"
    data-falling-color="rgb(80,80,180)"
    data-highmark="1"
    data-highmark-icon="fa-angle-double"
    data-highmark-rising-color="rgb(255,80,80)"
    data-highmark-falling-color="rgb(80,80,255)"
    class="inline"
></div></center>

</td>
    <td class="tg-031e" colspan="2" rowspan="2">
       <center> <div data-type="weather"
             data-device="MeinWetter"
             data-get="condition"
             style="font-size:250%">
        </div>
           
        <div data-type="label"
             data-device="MeinWetter"
             data-get="fc1_condition">
         </div>


     </center>
     </td>
    <!-- <td class="tg-031e">C3</td>-->
    <td><center><div data-type="wind_direction"
                            data-device="MyWeather"
                            data-get="windDir"
                            data-part="2"
                           
                            data-size="75"
                            data-tickstep="45"></div>   
    </center></td>
</tr>
<tr>
    <td class="tg-031e"><div data-type="label"><small><center>Feuchtigkeit</center></small></div>
        <center><div data-type="label"
             data-device="netatmo_M02:xxxxxxx"
             data-get="humidity"
             data-limits="[0,40,60]"
             data-colors='["#9999ff","#aa6900","#ff6900"]'
             data-unit=" %"
             class="inline cell big">
         </div>
    <td class="tg-031e">
        <center><div data-type="label"><small>Wind</small><br></div>
    <div data-type="label"
             data-device="MyWeather"
             data-get="wind"
             data-unit=" km/h"
             data-limits="[0,        19,       28,       38,       49,       74,       102,      117]"
             data-colors='["#ffffff","#dddddd","#aa6900","#aa6900","#ff9999","#ff6666","#ff3333","#ff0000"]'
             style="display:inline"
             class="inline">
         </div>
   
</center>
    </td>
</tr>
<tr>
    <td class="C5"><center><div data-type="label" class="inline"><small>&nbsp;&nbsp;&nbsp;Tageswerte&nbsp;&nbsp;&nbsp;<br></small></div>
          <br>↓
            <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_tempMin"
             data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
             data-unit=" °C"
             class="inline">
         </div>↑
         <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_tempMax"
             data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
             data-unit=" °C"
             class="inline">
        </div></center>
    </td>
    <td class="A5"><center><div data-type="label" class="inline"><small>UV-Index<br></small></div>
<div data-type="label"
             data-device="MyWeather"
             data-get="fc0_uv"
             data-limits="[0,4,7]"
             data-colors='["green","orange","red"]'
              class="inline">
         </div>
</center>
    </td>
    <td class="B5"><center><div data-type="label" class="inline"><small>Regenrisiko<br></small></div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRainDay"
              data-unit=" %"
              data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#32AD4F","#3AAB2C","green","green","green","#F6AA1D","green","green","green","green","#F6451D"]'
              class="inline">
         </div></center></td>       
    <td class="D5"><center><div data-type="label" class="inline"><small><br>Luftdruck<br></small></div>
<div data-type="label"
                            data-device="MyWeather"
                            data-get="pressure"
                            data-unit=" hPa"
                            data-limits="[0,950,1000]"
                            data-colors='["#ff9999","#aa6900","#9999ff"]'></div>
                         <div data-type="label"
                            data-device="MeinWetter"
                            data-get="pressure_trend_sym"
                            class="inline"></div></center>
                    </td>
</tr>
<!-- Ergänzung -->
<!-- <tr><td>&nbsp;</td></tr> -->
<tr>
    <td class="E1" colspan="4" rowspan="1">
    <div data-type="label" class="inline"><center><small>Regenrisiko</small></center></div></td>
   
</tr>
<tr><td><center><div data-type="symbol"
                        data-icon="font1-droplet"
                        data-on-color="#0099FF"
                        data-off-color="#0099FF"
                        class="inline"
                        style="font-size:3em"></div></center>
</td>
    <td class="F1"><!-- <center>0 Uhr<br>3 Uhr<br>6 Uhr<br>9 Uhr</center></td> -->
     <small><div data-type="label" class="inline">0 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain00"
              data-unit="%"
              data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
        <div data-type="label" class="inline">3 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain03"
              data-unit="%"
            data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
        <div data-type="label" class="inline">6 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain06"
              data-unit="%"
                    data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
        <div data-type="label" class="inline">9 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain09"
              data-unit="%"
                    data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div></small>
     </td>
     <td>
        <small><div data-type="label" class="inline">12 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain12"
              data-unit="%"
                   data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
<div data-type="label" class="inline">15 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain15"
              data-unit="%"
                  data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>

<div data-type="label" class="inline">18 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain18"
              data-unit="%"
              data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
         <div data-type="label" class="inline">21 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_chOfRain21"
              data-unit="%"
                 data-limits="[0,          10,         20,    30,      40,     50,     60,     70,     80,     90,       100]"
              data-colors='["#A3FD97","#3AAB2C","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#9ACD32","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div></small></td>
    <td>&nbsp;</td> 

</tr>
<!--Ergänzung Temperaturverlauf -->
<!-- <tr><td>&nbsp;</td></tr>-->
<tr>
    <td class="F1" colspan="4" rowspan="1">
    <div data-type="label" class="inline"><center><small>Temperaturverlauf</small></center></div></td>
   
</tr>
<tr><td><center><div data-type="symbol"
                        data-icon="font1-stats-dots"
                        data-on-color="#FF9900"
                        data-off-color="#FF9900"
                        class="inline"
                        style="font-size:3em"></div></center></td>
    <td class="F1"><!-- <center>0 Uhr<br>3 Uhr<br>6 Uhr<br>9 Uhr</center></td> -->
     <small><div data-type="label" class="inline">0 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_temp00"
              data-unit="°C"
     data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
        <div data-type="label" class="inline">3 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_temp03"
              data-unit="°C"
       data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
        <div data-type="label" class="inline">6 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_temp06"
             data-unit="°C"
            data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
        <div data-type="label" class="inline">9 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_temp09"
             data-unit="°C"
             data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div></small>
     </td>
     <td>
        <small><div data-type="label" class="inline">12 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_temp12"
           data-unit="°C"
            data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
<div data-type="label" class="inline">15 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_temp15"
              data-unit="°C"
            data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>

<div data-type="label" class="inline">18 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_temp18"
              data-unit="°C"
          data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div><br>
         <div data-type="label" class="inline">21 Uhr</div>
        <div data-type="label"
             data-device="MyWeather"
             data-get="fc0_temp21"
             data-unit="°C"
         data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
             data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'
              style="display:inline">
         </div></small></td>
    <td>&nbsp;</td> 
</tr>   
</table>

  </li> 
<li>
  <div data-type="label" class="small">&nbsp;&nbsp;</div>
                <div data-type="label" class="big">Zimmertemperaturen</div></br>
<div class="col-1-5">
      <div data-type="range" data-device="Wohnzimmer.Wandthermostat"
           data-high="measured-temp" data-width="17"
           data-max="30" data-min="10" data-height="180"
           data-limit-low="17" data-limit-high="23"
           data-color-low="blue" data-color="green" data-color-high="red" class=""></div>
         </br>
      <div class="small">Wohnzi.</div>
      <div data-type="label"
      data-device="Wohnzimmer.Wandthermostat"
      data-get="measured-temp"
      class="small"></div>
    </div>
    <div class="col-1-5">
      <div data-type="range" data-device="Schlafzimmer.Wandthermostat"
           data-high="measured-temp" data-width="17"
           data-max="30" data-min="10" data-height="180"
           data-limit-low="17" data-limit-high="23"
           data-color-low="blue" data-color="green" data-color-high="red" class=""></div>
         </br>
      <div class="small">Schlafzi.</div>
      <div data-type="label"
      data-device="Schlafzimmer.Wandthermostat"
      data-get="measured-temp"
      class="small"></div>
    </div>
    <div class="col-1-5">
      <div data-type="range" data-device="HM_3CDC88_Clima"
           data-high="measured-temp" data-width="17"
           data-max="30" data-min="10" data-height="180"
           data-limit-low="17" data-limit-high="23"
           data-color-low="blue" data-color="green" data-color-high="red" class=""></div>
         </br>
      <div class="small">Bad</div>
      <div data-type="label"
      data-device="HM_3CDC88_Clima"
      data-get="measured-temp"
      class="small"></div>
    </div>
    <div class="col-1-5">
      <div data-type="range" data-device="Ben.Wandthermostat"
           data-high="measured-temp" data-width="17"
           data-max="30" data-min="10" data-height="180"
           data-limit-low="17" data-limit-high="23"
           data-color-low="blue" data-color="green" data-color-high="red" class=""></div>
         </br>
      <div class="small">Ben</div>
      <div data-type="label"
      data-device="Ben.Wandthermostat"
      data-get="measured-temp"
      class="small"></div>
    </div>
    <div class="col-1-5">
      <div data-type="range" data-device="Julia.Wandthermostat"
           data-high="measured-temp" data-width="17"
           data-max="30" data-min="10" data-height="180"
           data-limit-low="17" data-limit-high="23"
           data-color-low="blue" data-color="green" data-color-high="red" class=""></div>
         </br>
      <div class="small">Julia</div>
      <div data-type="label"
      data-device="Julia.Wandthermostat"
      data-get="measured-temp"
      class="small"></div>
    </div>
</li>
Raspberry Pi 3 - FB6490C - Synology NAS DS916+ - NETATMO - HUE - SIEMENS G-Tag'S - FTUI - EchoDOT -

Mikka

#651
01 September 2016, 11:58:35
@bjoernbo: Vielen Dank auch von mir!  :)

Bin nun auch fleißig am basteln und werde dann meine Ergebnisse auch hier veröffentlichen.

phil82

#652
01 September 2016, 20:42:53 Letzte Bearbeitung: 16 September 2016, 19:04:14 von phil82
Hallo zusammen,

ich bin vermutlich auf einen Bug gestoßen. Und zwar in Verbindung mit "slideout"- und "push"-Widget.

Wenn auf der Hauptseite mit dem slideout ein "push"-Widget verwendet wird und gleichzeitig auf der direkt geladenen Unterseite ebenfalls ein "push"-Widget verwendet wird, dann wird beim Betätigen des "push"-Widget auf der Unterseite das Ereignis / Set-Befehl zweimal ausgeführt.

Ich hab recht lange gebraucht um die Fehlersituation nachzustellen bzw. die Konstellation zu finden. Der Fall lässt sich sicher aber relativ einfach mit den mitgelieferten Beispielen nachstellen.

1. Die index_nav_mobil.html um einen Push-Device erweitern. Im Grunde egal wo, am besten im Header-Tag:
Code Auswählen
        <header id="header-nav" class="bg-lightgray row">

<div data-type="push" data-device="WebRadio" data-icon="fa-step-backward" data-set-on="Prev" class="inline" ></div>

         <div data-type="slideout" class="col-1-8 big center-align notouch"></div>
         <div id="linkname" class="col-3-6 large bold center-align middle"></div>
         <div data-type="symbol" data-icon="fa-bell" data-device="dummy2" data-get-on="on.*" data-get-off="off" class="col-1-6 right-align big black"></div>
         <div data-type="symbol" data-device="dummy1" data-icon="ftui-window" class="col-1-6 big warn"></div>
        </header>

2. Im Browser die index_nav_mobil.html mit der Sound-Unterseite direkt aufrufen. (nicht über das Menü)
http://xxxxxxxx:8083/fhem/tablet_eval/index_nav_mobil.html#content_sounds.html

3. Jetzt bei Radio den "Next" Button klicken und "set WebRadio Next" wird zweimal abgesetzt.

Eigenartik oder?

Der Fall tritt auch auf, wenn die Unterseite als Default gesetzt ist.
Betrifft auch das "switch"-Widget. Mehr hab ich bisher nicht getestet.

choetzu

#653
02 September 2016, 16:09:14
Hey Bjoernbo,
Wirklich tolle Seiten hast du gebaut! Ich konnte schon das eine oder andere anwenden!! Herzlichen Dank.
2Fragen:
- woher erhälst du von Netatmo den visibilitäts-Wert? Bei meinem Netatmo-Forecast habe ich kein solcher Wert?

- die Temperatuseite habe ich bei mir in eine Tabelle vergangenen packt, da ohne Swiper-Wiget die Darstellung unter- statt nebeneinander aufgeführt wird. Nun stellt es mir aber die Farbe nicht schön im schwarz dar, siehe Anlage. Weisst du wieso?

Danke nochmals!

Lg c
Raspi3, EnOcean, Zwave, Homematic

bjoernbo

#654
02 September 2016, 17:27:51
@ choetzu: zu 1) ich vermische auf meiner Wetter-Seite unterschiedliche Werte von unterschiedlichen Geräten. Es ist eine Mischung aus NETATMO und MyWeather. An welcher Stelle meinst Du genau.

zu2) kann ich leider gar nichts sagen! sorry da muss ich passen :-/
Raspberry Pi 3 - FB6490C - Synology NAS DS916+ - NETATMO - HUE - SIEMENS G-Tag'S - FTUI - EchoDOT -

setstate

#655
02 September 2016, 17:32:48
2. schau ich mir an. Da ist zwischen hellem und dunklem Thema etwas zu korrigieren.

Lass mir mal deine helle Seite zukommen, dann geht das schneller.

choetzu

#656
02 September 2016, 17:39:07 Letzte Bearbeitung: 02 September 2016, 17:41:13 von choetzu
Zitat von: bjoernbo am 02 September 2016, 17:27:51
@ choetzu: zu 1) ich vermische auf meiner Wetter-Seite unterschiedliche Werte von unterschiedlichen Geräten. Es ist eine Mischung aus NETATMO und MyWeather. An welcher Stelle meinst Du genau.

diese Stelle:
Code Auswählen
    <td class="D2"><center><div data-type="label" class="inline small"><small>Sichtweite:</small><br></div>
                    <div data-type="symbol"
                        data-icon="fa-binoculars"
                        data-on-color="#aa6900"
                        data-off-color="#aa6900"
                        class="inline"
                        style="font-size:1em"></div>
                        <div data-type="label"
                            data-device="MyWeather"
                            data-get="visibility"
                            data-unit=" km"
                            class="inline"></center></td>
Aber der Wert ist vermutlich von MyWeather.. Ich dachte, dass dies evtl. der Name eines deiner Netatmo-Geräte oder -Forecast wäre.. Hat sich somit erledigt, danke...

Zitat von: setstate am 02 September 2016, 17:32:48
2. schau ich mir an. Da ist zwischen hellem und dunklem Thema etwas zu korrigieren.

Lass mir mal deine helle Seite zukommen, dann geht das schneller.

sehr gerne, here we go....

Code Auswählen
<!DOCTYPE html>
<html>
<head></head>
<body>
    <div class="page" id="content5">

  <div data-type="label" class="small">&nbsp;&nbsp;</div>
        <div data-type="label" class="big">Temperaturen</div></br>

<table align="center">
<tr>

<td width="100">
      <div data-type="range" data-device="netatmo_M02"
           data-high="temperature" data-width="17"
           data-max="30" data-min="10" data-height="180"
           data-limit-low="17" data-limit-high="23"
           data-color-low="blue" data-color="green" data-color-high="red" class=""></div>
         </br>
      <div class="small">Aussen</div>
      <div data-type="label"
      data-device="netatmo_M02"
      data-get="temperature"
      class="small"></div>
    </td>
   
    <td width="100">
      <div data-type="range" data-device="PoolController"
           data-high="Pool" data-width="17"
           data-max="30" data-min="10" data-height="180"
           data-limit-low="17" data-limit-high="23"
           data-color-low="blue" data-color="green" data-color-high="red" class=""></div>
         </br>
      <div class="small">Pool</div>
      <div data-type="label"
      data-device="PoolController"
      data-get="Pool"
      class="small"></div>
    </td>
   
    <td width="100">
      <div data-type="range" data-device="netatmo_M03"
           data-high="temperature" data-width="17"
           data-max="30" data-min="10" data-height="180"
           data-limit-low="17" data-limit-high="23"
           data-color-low="blue" data-color="green" data-color-high="red" class=""></div>
         </br>
      <div class="small">Wohnzimmer</div>
      <div data-type="label"
      data-device="netatmo_M03"
      data-get="temperature"
      class="small"></div>
    </td>
   
    <td width="100">
      <div data-type="range" data-device="netatmo_D70"
           data-high="temperature" data-width="17"
           data-max="30" data-min="10" data-height="180"
           data-limit-low="17" data-limit-high="23"
           data-color-low="blue" data-color="green" data-color-high="red" class=""></div>
         </br>
      <div class="small">Schlafzimmer</div>
      <div data-type="label"
      data-device="netatmo_D70"
      data-get="temperature"
      class="small"></div>
    </td>
    </tr>
    </table>
</div>

</body>
</html>
Raspi3, EnOcean, Zwave, Homematic

setstate

#657
02 September 2016, 23:26:37
Range Thema ist erledigt. Es war nur ein fehlendes left: 0;

christian-ruh

#658
03 September 2016, 01:37:12
hi,
hab vieles getestet und alles OK.
Wann kommt V2.2 als "normales" Update? und nicht als eval?
LG Christian F
Gruß Christian
 >>> BY <<<

setstate

#659
03 September 2016, 09:58:52
Zitat von: christian-ruh am 03 September 2016, 01:37:12
hi,
hab vieles getestet und alles OK.
Wann kommt V2.2 als "normales" Update? und nicht als eval?
LG Christian F

Könnte man mal dieses WE tun ...

Ich werde sonst nie fertig, weil immer etwas zu ändern ist.
Drucken
Nach oben Seiten 1 ... 42 43 44 45 46 ... 52
Benutzer-Aktionen