fehler durch neuestes update

Begonnen von 3dmanipulator, 22 September 2017, 20:08:59

Vorheriges Thema - Nächstes Thema
Drucken
Nach unten Seiten1
Benutzer-Aktionen

3dmanipulator

22 September 2017, 20:08:59
das update produziert leider fehler beim thermostat und beim senkrechten balken widget.

das thermostat widget drückt die widgets darunter nach unten, und der balken zeigt nur etwa 10% des eigentlichen wertes an.
raspberry pi, razberry, fibaro sensor, fibaro dimmer,  nodon fb, tkb dual dimmer Switch, milight e27 + stripe, hmlan, hm-TC, hm-RT

setstate

#1
22 September 2017, 20:12:59
da zeig mal bitte den Teil des Codes, der Probleme macht.

3dmanipulator

#2
22 September 2017, 20:30:05
hier erst mal der code, leider zieht sich das problem durch das ganze dokument:
[code]<!DOCTYPE html>
<html>
<head>
<!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.2.*
     * 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)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->
<meta name="fhemweb_url" content="http://10.0.0.32:8083/fhem/">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="widget_margin" content="3">
<!--    <meta name="widget_base_height" content="139"> -->
<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="longpoll" content="1">
<!-- 1=longpoll;0=shortpoll every 30sec -->
<meta name="longpoll_maxage" content="360">
<meta name="longpoll_filter" content=".*">
<meta name="toast" content="1">
<meta name='toast_position' content='bottom-right'>
<meta name="debug" content="0">
<!-- verbose level 1-6 = output to console;0 = not output -->

<link rel="stylesheet" href="lib/jquery.gridster.min.css" />
<link href="css/fhem-tablet-ui-user.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="lib/font-awesome.min.css" />
<link rel="stylesheet" href="lib/jquery.toast.min.css" />
<link rel="stylesheet" href="lib/openautomation.css" />
<link rel="stylesheet" href="lib/fhemSVG.css" />
<style type="text/css">
body, td, th {
   font-family: "Helvetica Neue", Helvetica, "Open Sans", Arial, sans-serif;
   font-size: 10px;
}
</style>

<!-- define your personal style here, it wont be overwritten  -->
<link rel="stylesheet" href="css/fhem-green-user-ui.css" />
<style type="text/css">
body {
   margin-left: 0px;
}
</style>
<!--link rel="stylesheet" href="css/fhem-tablet-ui-user.css" /-->

<script src="../pgm2/jquery.min.js"></script>
<script src="lib/jquery.toast.min.js"></script>
<script src="lib/jquery.gridster.min.js"></script>
<script src="js/fhem-tablet-ui.js" defer></script>

<!-- Remove this line to enable for usage with WebViewControl
    <script defer>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
    <script src="../pgm2/cordova-2.3.0.js" defer></script>
    <script src="../pgm2/webviewcontrol.js" defer></script>
    <!-- End for WebViewControl -->

<title>FHEM-Tablet-UI</title>
<meta charset="utf-8">
</head>
<body leftmargin="0px" marginwidth="0px">
<div class="gridster">
  <ul>
   
    <!--WETTERTREND-->
   
    <li data-row="1" data-col="1" data-sizex="1" data-sizey="6">
      <table border="0" cellpadding="0" cellspacing="0" class="maintable">
        <tbody>
          <tr>
            <td align="center" class="border banderole baußen" colspan="2"><div data-type="label">WETTER</div></td>
          </tr>
          <tr class="firstborder">
            <td height="97px" align="center" colspan="2" class="border"><div>
                <div data-device="wunderground.eddf" data-type="thermostat" data-unit="" data-valve="" data-get="temp_c" data-temp="feelslike_c" data-step="0.1" data-tickstep="1"  data-min='-5' data-max='38' data-mincolor="#3344ff" data-maxcolor="#aabbff" data-height="80"  data-anglearc="60" data-thickness=".2" class="top-narrow right-narrow-10 readonly inline"></div>
                <div data-type="label" data-device='wunderground.eddf'  data-get='humidity' class="inline left-narrow-10 top-align"></div>
                <div data-type="level" data-device='wunderground.eddf'  data-get='humidity' data-max="100" data-limits='["0","50"]' data-height="50" data-width="10" data-colors='["#aabbff","#3344ff"]' class="inline left-narrow" ></div>
              </div></td>
          </tr>
          <tr valign="top" class="border">
            <td colspan="2" align="center" class="border" ><div data-type="label">Temperatur</div>
              <div data-type="popup" data-width="800px" class="top-narrow">
                <div data-type="simplechart" data-device="wunderground.eddf" data-logdevice="FileLog_wunderground" data-columnspec="4:temp_c" data-minvalue="-10" data-maxvalue="35" data-height="40" data-width="90" data-daysago="0"  ></div>
                <div class="dialog">
                  <header>TEMPERATUR</header>
                  <div data-type="simplechart" data-device="wunderground.eddf" data-logdevice="FileLog_wunderground" data-columnspec="4:temp_c" data-minvalue="-10" data-maxvalue="35" data-xticks="1440" data-daysago="6" data-height="250"></div>
                </div>
              </div>
              <div data-type="label">Luftfeuchtigkeit</div>
              <div data-type="popup" data-width="800px">
                <div data-type="simplechart" data-device="dietzenbachProplanta" data-logdevice="FileLog_wunderground" data-columnspec="4:humidity" data-minvalue="30" data-maxvalue="100" data-height="40" data-width="90" data-daysago="0" class="noticks top-narrow"></div>
                <div class="dialog">
                  <header>Luftfeuchtigkeit</header>
                  <div data-type="simplechart" data-device="dietzenbachProplanta" data-logdevice="FileLog_wunderground" data-columnspec="4:humidity" data-minvalue="30" data-maxvalue="100" data-xticks="1440" data-height="250" data-daysago="6" ></div>
                </div>
              </div></td>
          </tr>
          <tr>
            <td align="center" class="" colspan="2"><div data-type="weather" data-device="dietzenbachProplanta" data-get="weather" data-imageset="kleinklima" class=""></div></td>
          </tr>
          <tr>
            <td width="50%"  class=""><div data-type="symbol" data-device="dietzenbachProplanta" data-get="windDir" data-states='["0","45","90","135","180","225","270","315","360"]' data-icons='["oa-weather_wind_directions_n","oa-weather_wind_directions_ne","oa-weather_wind_directions_e","oa-weather_wind_directions_se","oa-weather_wind_directions_s","oa-weather_wind_directions_sw","oa-weather_wind_directions_w","oa-weather_wind_directions_nw","oa-weather_wind_directions_n"]' data-colors='["#99dd99"]' class="big right-narrow"></div></td>
            <td  width="50%" class=""><div data-type="label" data-device="wunderground.eddf" data-get="wind_gust" data-limits='[0,5,20,35,50]' data-colors='["#99ff99","#99ff99","#ffff99","#ffaa77","#ff99999"]' data-unit=" kmh" class="left-narrow"></div>
              <div data-type="label" data-device="wunderground.eddf" data-get="wind_speed" data-limits='[0,5,20,35,50]' data-colors='["#99ff99","#99ff99","#ffff99","#ffaa77","#ff99999"]' data-unit=" kmh" class="big left-narrow"></div></td>
          </tr>
          <tr>
            <td width="50%"  class=""><div data-type="symbol" data-device="wunderground" data-get="daystate"
    data-states='["Sonne","Heiter","Teils Wolkig","Wolkig","Bedeckt","Regen","Schneefall","New Moon","Erstes Viertel","Zweites Viertel","Drittes Viertel","+","+","+"]'
    data-icons='["oa-weather_sun","oa-weather_cloudy_light","oa-weather_cloudy_light","oa-weather_cloudy","oa-weather_cloudy_heavy","oa-weather_rain","Snow","oa-weather_moon_phases_1_new","oa-weather_moon_phases_3_half","oa-weather_moon_phases_5_full","oa-weather_moon_phases_6","oa-weather_moon_phases_7_half","oa-weather_moon_phases_8"]'
    data-colors='["#ffff99","#ffff99","#ffff99","#ffff99","#1144bb","#f99","#f99","#f99","#f99","#f99","#f99"]' class="big right-narrow"></div>
              <div data-type="label" data-device="wunderground" data-get="daystate"
    data-states='["Sonne","Heiter","Teils Wolkig","Wolkig","Bedeckt","Regen","New Moon","Erstes Viertel","Zweites Viertel","Drittes Viertel","+","+","+"]'
    data-icons='["oa-weather_sun","oa-weather_cloudy_light","oa-weather_cloudy_light","oa-weather_cloudy","oa-weather_cloudy_heavy","oa-weather_rain",".*"]'
    data-colors='["#ffff99","#ffff99","#ffff99","#ffff99","#1144bb","#f99"]' class="small right-narrow"></div>
              <div data-type="label" data-device="wunderground" data-get="moon_age" data-unit=" mondalter" class="right-narrow"></div></td>
            <td  width="50%" class=""><div data-type="label" data-device="wunderground.heusenstamm" data-get="UV" data-limits='[-1,0,1,2,3,4]' data-colors='["#1144bb","#6699FF","#99ff99","#ffff99","#ffaa77","#ff9999"]' data-fix="0" data-unit=" UV" class="left-narrow"></div>
              <div data-type="label" data-device="balkon.sensor" data-get="luminance" data-part="1" data-limits='[0,200,1000,2000]' data-colors='["#1144bb","#ffff99","#ffaa77","#ff9999"]' data-unit=" lux" class="big left-narrow"></div></td>
          </tr>
          <tr>
            <td align="center" class="border" colspan="2"><div data-type="symbol" data-device="wunderground" data-get="pressure_trend" data-states='["-","0","+"]' data-icons='["oa-control_arrow_downward","oa-control_arrow_rightward","oa-control_arrow_upward"]' data-colors='["#1144bb","#9d9","#ff99999"]' class="small inline"></div>
              <div data-type="label" data-device="wunderground" data-get="pressure"  data-color="#99ff99" data-unit=" hPa" class="big inline bottom-narrow"></div>
              <div data-type="label">Luftdruck</div>
              <div data-type="popup" data-width="800px" class="top-narrow">
                <div data-type="simplechart" data-device="wunderground" data-logdevice="FileLog_wunderground" data-columnspec="4:pressure" data-minvalue="995" data-maxvalue="1040" data-height="40" data-width="90" data-xticks="1435" data-daysago="6"  ></div>
                <div class="dialog">
                  <header>Luftdruck</header>
                  <div data-type="simplechart" data-device="wunderground" data-logdevice="FileLog_wunderground" data-columnspec="4:pressure" data-minvalue="995" data-maxvalue="1040" data-yticks="10" data-xticks="1435" data-daysago="6" data-height="250"></div>
                </div>
              </div></td>
          </tr>
        </tbody>
      </table>
    </li>
   
    <!--TV-->
   
    <li data-row="1" data-col="3" data-sizex="1" data-sizey="5">
      <table border="0" cellpadding="0" cellspacing="0" class="maintable">
        <tbody>
          <tr class="top-narrow">
            <td align="center" class="border banderole" colspan="7">TV</td>
          </tr>
         
          <!--1.0-->
          <tr class="firstborder">
            <td align="center" class=" border" colspan="2"><div>
                <div data-device="wohnen_Clima" data-type="thermostat" data-unit="" data-valve="ValvePosition" data-get="measured-temp" data-temp="desired-temp" data-step="0.1" data-tickstep="1"  data-min='16' data-max='34' data-mincolor="#FFBC2D" data-maxcolor="#ff612d" data-height="80"  data-anglearc="60" data-thickness=".2" class="top-narrow right-narrow-10 readonly inline"></div>
                <div data-type="level" data-device='wohnen_Clima'  data-get='ValvePosition' data-max="60" data-limits='["0","20","60"]' data-height="55" data-colors='["#ddd","9d9","#d55"]' class="inline left-narrow-10" ></div>
              </div>
              <div data-device="wohnen_Clima" data-type="spinner" data-unit="°" data-get="desired-temp" data-set="desired-temp" data-step=".5"  data-min='18' data-max='25' data-icon-left-color="blue" data-icon-right-color="red" data-height="22" data-width="100" class="valueonly darker"></div>
              <div data-type="label">Temperatur</div>
              <div data-type="popup" data-width="800px">
                <div data-type="simplechart" data-device="wohnen_Clima" data-logdevice="FileLog_wohnen" data-columnspec="4:measured-temp" data-minvalue="22" data-maxvalue="30" data-height="40" data-width="90" class="noticks top-narrow"></div>
                <div class="dialog">
                  <header>Temperatur</header>
                  <div data-type="simplechart" data-device="wohnen_Clima" data-logdevice="FileLog_wohnen" data-columnspec="4:measured-temp" data-minvalue="22" data-maxvalue="30" data-yticks="2" data-xticks="1440" data-daysago="6" data-height="250"></div>
                </div>
              </div>
              <div data-type="label">Ventil</div>
              <div data-type="popup" data-width="800px">
                <div data-type="simplechart" data-device="wohnen_Clima" data-logdevice="FileLog_wohnen" data-columnspec="4:ValvePosition" data-minvalue="0" data-maxvalue="60" data-height="40" data-width="90" class="top-narrow noticks"></div>
                <div class="dialog">
                  <header>Ventil</header>
                  <div data-type="simplechart" data-device="wohnen_Clima" data-logdevice="FileLog_wohnen" data-columnspec="4:ValvePosition" data-minvalue="0" data-maxvalue="60" data-yticks="10" data-xticks="1440" data-daysago="6" data-height="250"></div>
                </div>
              </div></td>
          </tr>
          <tr>
            <td align="center" valign="top" class="border" colspan="2"></td>
          </tr>
         
          <!--2.0-->
          <tr valign="bottom">
            <td align="center" class="border"><div data-type="label" data-device="bv11" data-get="power" data-part="2" data-fix="1" data-unit=" W" ></div>
              <div data-type="label" data-device="bv11" data-get="kosten" data-part="2" data-unit=" €" data-fix="2"></div>
              <div data-type="popup" data-width="800px" class="">
                <div data-type="symbol" data-device="bv11.wol" data-states='["on","off","none"]' data-icons='["oa-it_television","oa-it_television","oa-it_television"]' data-colors='["#99dd99","#555","#dddd55"]'  class="bottom-narrow"></div>
                <div class="dialog">
                  <header>Verbrauch BV11</header>
                  <div data-type="simplechart" data-device="bv11" data-logdevice="FileLog_bv11" data-columnspec="4:power" data-minvalue="80" data-maxvalue="200" data-yticks="50" data-xticks="1440" data-daysago="6"data-height="250"></div>
                </div>
              </div></td>
            <td align="center" class="border"><div data-type="popup" data-width="800px" class="">
                <div data-type="label" data-device="pi" data-get="power" data-part="2" data-fix="1" data-unit=" W"></div>
                <div data-type="label" data-device="pi" data-get="kosten" data-part="2" data-unit=" €" data-fix="2"></div>
                <div class="dialog">
                  <header>Verbrauch PI</header>
                  <div data-type="simplechart" data-device="pi" data-logdevice="FileLog_pi" data-columnspec="4:power" data-minvalue="4" data-maxvalue="9" data-yticks="1" data-xticks="1440" data-daysago="0" data-height="250"></div>
                </div>
                <div onclick="ftui.setFhemStatus('shutdown restart')">
                  <div data-type="symbol" data-device="pi" data-states='["on","off","none"]' data-icons='["fs-sdcard","fs-sdcard","fs-sdcard"]' data-colors='["#99dd99","#555","#dddd55"]'  class="bottom-narrow"></div>
                </div>
              </div></td>
          </tr>
         
          <!--3.0-->
          <tr valign="bottom">
            <td height="20.5%" align="center" class="border"><div data-type="label" data-device="ps27" data-get="power" data-part="2" data-unit=" W" data-fix="1"></div>
              <div data-type="label" data-device="ps27" data-get="kosten" data-part="2" data-unit=" €" data-fix="2"></div>
              <div data-type="switch" data-device="ps27" data-icon="oa-light_party"></div>
              <div data-type="label" >ps27 +...</div></td>
           
            <!--<td align="center" class="border">
<div data-type="label" data-device="vase" data-get="power" data-part="2" data-unit=" W"></div>
<div data-type="switch" data-device="vase" data-icon="oa-light_party"></div>
<div data-type="label" >florian II</div></td>-->
          </tr>
          <tr valign="bottom">
            <td align="center" height="20.5%" class="border"><div data-type="label" data-device="speer" data-get="power" data-part="1" data-unit=" W"></div>
              <div data-type="label" data-device="speer" data-get="kosten" data-part="2" data-unit=" €" data-fix="2"></div>
              <div data-device="speer" data-type="dimmer" data-set-on="dim 1" data-set-off="dim 0" data-set-value="$v" data-max="99" data-get="dim" data-dim="dim" data-get-off="0||off" data-get-on="[1-9]{1}|[0-9]{2}|[0-9]{3}" data-icon="oa-light_floor_lamp"></div>
              <div data-type="label" >speer</div></td>
            <td align="center" class="border"><div data-type="label" data-device="lorbeer" data-get="power" data-part="2" data-unit=" W" data-fix="1"></div>
              <div data-type="label" data-device="lorbeer" data-get="kosten" data-part="2" data-unit=" €" data-fix="2"></div>
              <div data-type="switch" data-device="lorbeer" data-icon="oa-scene_garden"></div>
              <div data-type="label" >lorbeer</div></td>
          </tr>
        </tbody>
      </table>
    </li>
   
    <!--ESSEN-->
   
    <li data-row="1" data-col="4" data-sizex="3" data-sizey="4">
      <table border="0" cellpadding="0" cellspacing="0" class="maintable">
        <tbody>
          <tr class="top-narrow">
            <td align="center" class="border banderole" colspan="10">ESSZIMMER</td>
          </tr>
         
          <!--1.0-->
          <tr class="firstborder">
            <td align="" class="border" colspan="7"><div class="inline">
                <div>
                  <div data-device="essen_Clima" data-type="thermostat" data-unit="" data-valve="ValvePosition" data-get="measured-temp" data-temp="desired-temp" data-step="0.1" data-tickstep="1"  data-min='16' data-max='34' data-mincolor="#FFBC2D" data-maxcolor="#ff612d" data-height="80" data-anglearc="60" data-thickness=".2" class="top-narrow right-narrow-10 readonly inline"></div>
                  <div data-type="level" data-device='essen_Clima'  data-get='ValvePosition' data-max="60"
        data-limits='["0","20","60"]' data-height="55"
        data-colors='["#ddd","9d9","#d55"]'
        class="inline left-narrow-10" > </div>
                </div>
                <div data-device="essen_Clima" data-type="spinner" data-unit="°" data-get="desired-temp" data-set="desired-temp" data-step=".5"  data-min='18' data-max='25' data-icon-left-color="blue" data-icon-right-color="red" data-height="22" data-width="100" class="valueonly"></div>
                <div data-type="label">Temperatur</div>
                <div data-type="popup" data-width="800px">
                  <div data-type="simplechart" data-device="essen_Weather" data-logdevice="FileLog_essen" data-columnspec="4:measured-temp" data-minvalue="22" data-maxvalue="30" data-height="40" data-width="90" class="top-narrow noticks"></div>
                  <div class="dialog">
                    <header>Temperatur</header>
                    <div data-type="simplechart" data-device="essen_Weather" data-logdevice="FileLog_essen" data-columnspec="4:measured-temp" data-minvalue="22" data-maxvalue="30" data-yticks="2" data-xticks="1440" data-daysago="6" data-height="250"></div>
                  </div>
                </div>
              </div>
              <div class="inline">
                <div>
                  <div data-device="wohnen__fb_Climate" data-type="thermostat" data-unit="" data-valve="" data-get="measured-temp" data-temp="desired-temp" data-step="0.1" data-tickstep="1"  data-min='16' data-max='34' data-mincolor="#FFBC2D" data-maxcolor="#ff612d" data-height="80" data-anglearc="60" data-thickness=".2" class="top-narrow right-narrow-10 inline readonly"></div>
                  <div data-type="label" data-device='wohnen__fb_Climate'  data-get='humidity' class="inline left-narrow-10 top-align"></div>
                  <div data-type="level" data-device='wohnen__fb_Climate'  data-get='humidity' data-max="100" data-limits='["0","50"]' data-height="50" data-width="10" data-colors='["#aabbff","#3344ff"]' class="inline left-narrow" ></div>
                </div>
                <div data-device="wohnen__fb_Climate" data-type="spinner" data-unit="°" data-get="desired-temp" data-set="desired-temp" data-step=".5"  data-min='18' data-max='25' data-icon-left-color="blue" data-icon-right-color="red" data-height="22" data-width="100" class="valueonly darker"></div>
                <div data-type="label">Temperatur</div>
                <div data-type="popup" data-width="800px">
                  <div data-type="simplechart" data-device="wohnen__fb" data-logdevice="FileLog_wohnen__fb" data-columnspec="4:measured-temp" data-minvalue="22" data-maxvalue="30" data-height="40" data-width="90" class="top-narrow noticks"></div>
                  <div class="dialog">
                    <header>Temperatur</header>
                    <div data-type="simplechart" data-device="wohnen__fb" data-logdevice="FileLog_wohnen__fb" data-columnspec="4:measured-temp" data-minvalue="22" data-maxvalue="30" data-yticks="2" data-xticks="1440" data-daysago="6" data-height="250"></div>
                  </div>
                </div>
              </div></td>
           
            <!--1.6-->
            <td class="border" colspan="3"><div data-type="label">&nbsp;</div>
              <div data-type="label">Luftfeuchtigkeit</div>
              <div data-type="popup" data-width="800px">
                <div data-type="simplechart" data-device="wohnen__fb" data-logdevice="FileLog_wohnen__fb" data-columnspec="4:humidity" data-minvalue="30" data-maxvalue="80" data-height="40" data-width="90" class="top-narrow noticks"></div>
                <div class="dialog">
                  <header>Luftfeuchtigkeit</header>
                  <div data-type="simplechart" data-device="wohnen__fb" data-logdevice="FileLog_wohnen__fb" data-columnspec="4:humidity" data-minvalue="30" data-maxvalue="80" data-yticks="5" data-xticks="1440" data-daysago="6" data-height="250"></div>
                </div>
              </div>
              <div data-type="label">Ventil</div>
              <div data-type="popup" data-width="800px">
                <div data-type="simplechart" data-device="essen_Clima" data-logdevice="FileLog_essen" data-columnspec="4:ValvePosition" data-minvalue="0" data-maxvalue="60" data-height="40" data-width="90" class="top-narrow noticks"></div>
                <div class="dialog">
                  <header>Ventil</header>
                  <div data-type="simplechart" data-device="essen_Clima" data-logdevice="FileLog_essen" data-columnspec="4:ValvePosition" data-minvalue="0" data-maxvalue="60" data-yticks="10" data-xticks="1440" data-daysago="6" data-height="250"></div>
                </div>
              </div></td>
          </tr>
          <!--2.0-->
          <tr valign="bottom">
            <td align="center" class="border" colspan="3"><!--<div data-type="popup" data-width="800px">-->
             
              <div data-type="symbol" data-device="balkon_tuer" data-get="state" data-states='["open","closed","1","0","non"]' data-icons='["oa-fts_door_open","oa-fts_door","oa-fts_door_open","oa-fts_door"]' data-colors='["#dd5555","#99dd99","#dd5555","#99dd99"]' class="inline"></div>
             
              <!--<div class="dialog"><header>Tür</header>
<div data-type="simplechart" data-device="balkon_tuer" data-logdevice="FileLog_balkon_tuer" data-columnspec="4:contact" data-minvalue="0" data-maxvalue="1" data-yticks="1" data-xticks="360" data-daysago="1" data-height="250"></div></div></div>--></td>
            <td colspan="7" align="center" class="border"><div class="inline">
                <div data-type="label" data-device="do.batteriestatus" data-get="B_device" data-states='["voll",".*"]' data-colors='["#262519","#d55"]'></div>
                <div data-type="symbol" data-device="do.batteriestatus" data-get="B_ladung" data-states='["voll","niedrig"]' data-icons='["oa-measure_battery_100","oa-measure_battery_25"]' data-colors='["#99dd99","#d55"]' class=""></div>
              </div>
              <div class="inline top-space-10">
                <div data-type="label" data-device="va.jahreszeit" class="centered" data-get="STATE"></div>
                <div data-type="label" data-device="HMLAN1" class=" centered " data-get="msgLoadCurrent"></div>
                <div data-type="switch" data-device="HMLAN1" data-get="loadLvl" data-set-on="restart" data-states='["low","batchLevel","high","suspended"]' data-icons='["fs-hm_lan"]' data-colors='["#9d9","#dd7","#d95","#d55"]' class="invert"></div>
              </div>
              <div data-type="symbol" data-device="razberry" data-get="state" data-states='["Initialized",""]' data-icons='["fs-cul"]' data-colors='["#9d9","#dd7"]' class="inline"></div>
              <div class="inline">
                <div data-type="symbol" data-device="Milight" data-get="state" data-states='["ok",".*"]' data-icons='["fs-cul_usb"]' data-colors='["#9d9","#dd7"]'></div>
              </div>
             
              <!--<div class="inline">getrennt<div data-type="symbol" data-device="Milight" data-get="state" data-states='["ok",".*"]' data-icons='["oa-sani_heating_temp"]' data-colors='["#9d9","#dd7"]' class=""></div>verbinden</div>--></td>
          </tr>
         
          <!--3.0-->
          <tr valign="bottom">
            <td  width="20%" height="38.5%" align="center" class="border" colspan="2"><div data-type="label" data-device="2.sissys" class="top-narrow" data-get="watt" data-part="1" data-fix="1" data-unit=" W" ></div>
             
              <!--
              <div data-type="label" data-device="2.sissys" data-get="power" data-part="2" data-fix="1" data-unit=" W"></div>-->
             
              <div data-type="switch" data-device="2.sissys" data-icon="oa-light_party"></div>
              <div data-type="label" >2 sissys</div></td>
            <td  width="20%" align="center" class="border" colspan="2"><div data-type="label" data-device="vivi" class="top-narrow" data-get="watt" data-part="1" data-fix="1" data-unit=" W" ></div>
              <div data-type="label" data-device="vivi" data-get="power" data-part="2" data-unit=" W"></div>
              <div data-type="switch" data-device="vivi" data-set-on="on-for-timer 3600" data-icon="oa-scene_sauna"></div>
              <div data-type="label" >vivi</div></td>
            <td  width="20%" align="center" class="border" colspan="2"><div data-type="label" data-device="lampada" data-get="watt" data-part="1" data-fix="1" data-unit=" W"></div>
              <div data-type="volume" data-device='lampada' data-min='0' data-max='360' data-tickstep="1" data-get='hue' data-set='hue' data-anglearc="360" data-angleoffset="0" class="mini hue-front hue-tick" ></div>
              <div data-device="lampada" data-type="dimmer" data-set-on="rgb ffffff" data-set-off="dim 0" data-set-value="$v" data-get="dim"data-dim="dim" data-get-off="0||off" data-get-on="[1-9]{1}|[0-9]{2}|[0-9]{3}" data-icon="oa-light_floor_lamp"></div>
              <div data-type="label" >lampada</div></td>
            <td  width="20%" align="center" class="border"><div data-type="label" data-device="esstisch" data-get="power" data-part="1" data-fix="1" data-unit=" W"></div>
              <div data-type="label" data-device="esstisch" data-get="kosten" data-part="2" data-unit=" €" data-fix="2"></div>
              <div data-type="dimmer"
                        data-dim="dim"
                        data-device="esstisch"
                        data-set-on="dim 10"
                        data-set-off="dim 0"
                        data-max="99"
                        data-set-value="$v"
                        data-get="dim"
                        data-icon="oa-light_dinner_table"
                        data-get-off="0||off"
                        data-get-on="[1-9]{1}|[0-9]{2}|[0-9]{3}"
                        > </div>
              <div data-type="label" >esstisch </div></td>
            <td  width="20%" align="center" class="border" colspan="2"><div data-type="label" data-device="romeo.moon" data-get="watt" data-part="1" data-fix="1" data-unit=" W"></div>
              <div data-type="volume" data-device='romeo.moon' data-min='0' data-max='360' data-tickstep="1" data-get='hue' data-set='hue' data-anglearc="360" data-angleoffset="0" class="mini hue-front hue-tick" ></div>
              <div data-device="romeo.moon" data-type="dimmer" data-set-on="rgb ffffff" data-set-off="dim 0" data-set-value="$v" data-get="dim" data-dim="dim" data-get-off="0||off" data-get-on="[1-9]{1}|[0-9]{2}|[0-9]{3}" data-icon="oa-light_pendant_light"></div>
              <div data-type="label">romeo moon</div></td>
          </tr>
        </tbody>
      </table>
    </li>
   
    <!--BüRO-->
   
    <li data-row="1" data-col="6" data-sizex="1" data-sizey="4">
      <table border="0" cellpadding="0" cellspacing="0" class="maintable">
        <tbody>
          <tr class="top-narrow">
            <td align="center" class="border banderole" colspan="2">BÜRO</td>
          </tr>
          <tr class="firstborder">
            <td class="border" height="97px" align="center" colspan="2"><div>
                <div data-device="buero_Clima" data-type="thermostat" data-unit="" data-valve="ValvePosition" data-get="measured-temp" data-temp="desired-temp" data-step="0.1" data-tickstep="1"  data-min='16' data-max='34' data-mincolor="#FFBC2D" data-maxcolor="#ff612d" data-height="80" data-anglearc="60" data-thickness=".2" class="top-narrow right-narrow-10 readonly inline"></div>
                <div data-type="level" data-device='buero_Clima'  data-get='ValvePosition' data-max="60"
        data-limits='["0","20","60"]' data-height="55"
        data-colors='["#ddd","9d9","#d55"]'
        class="inline left-narrow-10" > </div>
              </div>
              <div data-device="buero_Clima" data-type="spinner" data-unit="°" data-get="desired-temp" data-set="desired-temp" data-step=".5"  data-min='18' data-max='25' data-icon-left-color="blue" data-icon-right-color="red" data-height="22" data-width="100" class="valueonly darker"></div>
              <div data-type="label">Temperatur</div>
              <div data-type="popup" data-width="800px">
                <div data-type="simplechart" data-device="buero_Clima" data-logdevice="FileLog_buero" data-columnspec="4:measured-temp" data-minvalue="22" data-maxvalue="30" data-height="40" data-width="90" class="noticks top-narrow"></div>
                <div class="dialog">
                  <header>Temperatur</header>
                  <div data-type="simplechart" data-device="buero_Clima" data-logdevice="FileLog_buero" data-columnspec="4:measured-temp" data-minvalue="22" data-maxvalue="30" data-yticks="2" data-xticks="1440" data-daysago="6" data-height="250"></div>
                </div>
              </div>
              <div data-type="label">Ventil</div>
              <div data-type="popup" data-width="800px">
                <div data-type="simplechart" data-device="buero_Clima" data-logdevice="FileLog_buero" data-columnspec="4:ValvePosition" data-minvalue="0" data-maxvalue="60" data-height="40" data-width="90" class="top-narrow noticks"></div>
                <div class="dialog">
                  <header>Ventil</header>
                  <div data-type="simplechart" data-device="buero_Clima" data-logdevice="FileLog_buero" data-columnspec="4:ValvePosition" data-minvalue="0" data-maxvalue="60" data-yticks="10" data-xticks="1440" data-daysago="6" data-height="250"></div>
                </div>
              </div></td>
          </tr>
          <!--<tr>
             
<td align="center" valign="top" class="border" colspan="2">


</td></tr>-->
         
          <tr valign="bottom">
            <td align="right" class="border" ><div valign="bottom" data-type="popup" data-width="800px">
                <div data-type="label" data-device="computer" data-get="power" data-part="2" data-unit=" W"></div>
                <div data-type="label" data-device="computer" data-get="kosten" data-part="2" data-unit=" €" data-fix="2"></div>
                <div class="dialog">
                  <header>VERBRAUCH Sabertooth</header>
                  <div data-type="simplechart" data-device="computer" data-logdevice="FileLog_computer" data-columnspec="4:power" data-minvalue="0" data-maxvalue="350" data-yticks="50" data-xticks="1440" data-daysago="2" data-height="250"></div>
                </div>
                <div data-type="symbol" data-device="sabertooth" data-states='["on","off","none"]' data-icons='["oa-it_pc","oa-it_pc","oa-it_pc"]' data-colors='["#99dd99","#555","#dddd55"]'></div>
              </div></td>
            <td align="left" class="border" ><div data-type="switch" data-device="computer" data-icon="oa-edit_settings" data-get-on="on" data-get-off="off" data-set-on="on" data-set-off="off-for-timer 5" class="tiny invert"></div></td>
          </tr>
          <tr valign="bottom">
            <td height="24%" colspan="2" align="center" class="border"><div data-type="label" data-device="5.sissys" data-get="power" data-part="2" data-fix="1" data-unit=" W"></div>
              <div data-type="label" data-device="5.sissys" data-get="kosten" data-part="2" data-unit=" €" data-fix="2"></div>
              <div data-type="switch" data-device="5.sissys" data-set-on="on-for-timer 600" data-icon="oa-vent_ventilation_level_3"></div>
              <div data-type="label" >5 sissys</div></td>
          </tr>
        </tbody>
      </table>
    </li>
   
    <!--kuche-->
   
    <li data-row="1" data-col="8" data-sizex="1" data-sizey="4">
      <table border="0" cellpadding="0" cellspacing="0" class="maintable">
        <tbody>
          <tr class="top-narrow ">
            <td align="center" class="border banderole" colspan="2">KÜCHE</td>
          </tr>
          <tr class="firstborder">
            <td height="97px" align="center" class="border" colspan="2"><div data-device="kuche.sensor" data-type="thermostat" data-unit="" data-get="temperature" data-temp="temp.balkon" data-step="0.1" data-tickstep="1"  data-min='16' data-max='34' data-mincolor="#FFBC2D" data-maxcolor="#ff612d" data-height="80" data-anglearc="60" data-thickness=".2" class="top-narrow readonl
raspberry pi, razberry, fibaro sensor, fibaro dimmer,  nodon fb, tkb dual dimmer Switch, milight e27 + stripe, hmlan, hm-TC, hm-RT

setstate

#3
22 September 2017, 20:34:37
ach du sch.. so viel und groß  ;D

Das überblicke ich jetzt nicht. Bitte nur den Ausschnitt, oder rot markiert, wo du Probleme hast.

3dmanipulator

#4
22 September 2017, 20:41:28
ja ich habs gemerkt:  :-[

das ist der code des thermosthat und balken widgets links oben in der ecke

Code Auswählen
<tr>
            <td align="center" class="border banderole baußen" colspan="2"><div data-type="label">WETTER</div></td>
          </tr>
          <tr class="firstborder">
            <td height="97px" align="center" colspan="2" class="border"><div>
                <div data-device="wunderground.eddf" data-type="thermostat" data-unit="" data-valve="" data-get="temp_c" data-temp="feelslike_c" data-step="0.1" data-tickstep="1"  data-min='-5' data-max='38' data-mincolor="#3344ff" data-maxcolor="#aabbff" data-height="80"  data-anglearc="60" data-thickness=".2" class="top-narrow right-narrow-10 readonly inline"></div>
                <div data-type="label" data-device='wunderground.eddf'  data-get='humidity' class="inline left-narrow-10 top-align"></div>
                <div data-type="level" data-device='wunderground.eddf'  data-get='humidity' data-max="100" data-limits='["0","50"]' data-height="50" data-width="10" data-colors='["#aabbff","#3344ff"]' class="inline left-narrow" ></div>
              </div></td>
          </tr>
          <tr valign="top" class="border">
            <td colspan="2" align="center" class="border" ><div data-type="label">Temperatur</div>
              <div data-type="popup" data-width="800px" class="top-narrow">
                <div data-type="simplechart" data-device="wunderground.eddf" data-logdevice="FileLog_wunderground" data-columnspec="4:temp_c" data-minvalue="-10" data-maxvalue="35" data-height="40" data-width="90" data-daysago="0"  ></div>
                <div class="dialog">
                  <header>TEMPERATUR</header>
                  <div data-type="simplechart" data-device="wunderground.eddf" data-logdevice="FileLog_wunderground" data-columnspec="4:temp_c" data-minvalue="-10" data-maxvalue="35" data-xticks="1440" data-daysago="6" data-height="250"></div>
                </div>
              </div>
              <div data-type="label">Luftfeuchtigkeit</div>
              <div data-type="popup" data-width="800px">
                <div data-type="simplechart" data-device="dietzenbachProplanta" data-logdevice="FileLog_wunderground" data-columnspec="4:humidity" data-minvalue="30" data-maxvalue="100" data-height="40" data-width="90" data-daysago="0" class="noticks top-narrow"></div>
                <div class="dialog">
                  <header>Luftfeuchtigkeit</header>
                  <div data-type="simplechart" data-device="dietzenbachProplanta" data-logdevice="FileLog_wunderground" data-columnspec="4:humidity" data-minvalue="30" data-maxvalue="100" data-xticks="1440" data-height="250" data-daysago="6" ></div>
                </div>
              </div></td>
          </tr>
raspberry pi, razberry, fibaro sensor, fibaro dimmer,  nodon fb, tkb dual dimmer Switch, milight e27 + stripe, hmlan, hm-TC, hm-RT

setstate

#5
22 September 2017, 21:32:59
Warum hast du beim Thermostat data-anglearc="60" ?

Standard ist 240 (wenn man nix angibt)
data-anglearc="360" wäre der ganze Kreis. 60° ist eben nur ein Miniteilstück des Kreises ...

setstate

#6
22 September 2017, 21:59:34
Einen Fehler beim Level-Widget und dessen Höhe habe ich gefunden und beseitigt.

3dmanipulator

#7
23 September 2017, 14:13:36 Letzte Bearbeitung: 23 September 2017, 14:15:51 von 3dmanipulator
ich benutze das thermostat widget nur zur darstellung, nicht zur wertänderung; dazu benutze ich das widget darunter.
das levelwidget  daneben zeigt die feuchte an.
braucht weniger platz und gefällt mir so besser.

ab wann kann ich per normalem update das verbesserte levelwidget laden?

anbei nochmal einen screenshot der richtigen darstellung (hergestellt aus einem backup)

und hier nochmal den quelltext vom bereich tv:
Code Auswählen
<td align="center" class=" border" colspan="2"><div>
                <div data-device="wohnen_Clima" data-type="thermostat" data-unit="" data-valve="ValvePosition" data-get="measured-temp" data-temp="desired-temp" data-step="0.1" data-tickstep="1"  data-min='16' data-max='34' data-mincolor="#FFBC2D" data-maxcolor="#ff612d" data-height="80"  data-anglearc="60" data-thickness=".2" class="top-narrow right-narrow-10 readonly inline"></div>
                <div data-type="level" data-device='wohnen_Clima'  data-get='ValvePosition' data-max="60" data-limits='["0","20","60"]' data-height="55" data-colors='["#ddd","9d9","#d55"]' class="inline left-narrow-10" ></div>
              </div>
              <div data-device="wohnen_Clima" data-type="spinner" data-unit="°" data-get="desired-temp" data-set="desired-temp" data-step=".5"  data-min='18' data-max='25' data-icon-left-color="blue" data-icon-right-color="red" data-height="22" data-width="100" class="valueonly darker"></div>
              <div data-type="label">Temperatur</div>
              <div data-type="popup" data-width="800px">
                <div data-type="simplechart" data-device="wohnen_Clima" data-logdevice="FileLog_wohnen" data-columnspec="4:measured-temp" data-minvalue="22" data-maxvalue="30" data-height="40" data-width="90" class="noticks top-narrow"></div>
                <div class="dialog">
                  <header>Temperatur</header>
                  <div data-type="simplechart" data-device="wohnen_Clima" data-logdevice="FileLog_wohnen" data-columnspec="4:measured-temp" data-minvalue="22" data-maxvalue="30" data-yticks="2" data-xticks="1440" data-daysago="6" data-height="250"></div>
                </div>
              </div>
              <div data-type="label">Ventil</div>
              <div data-type="popup" data-width="800px">
                <div data-type="simplechart" data-device="wohnen_Clima" data-logdevice="FileLog_wohnen" data-columnspec="4:ValvePosition" data-minvalue="0" data-maxvalue="60" data-height="40" data-width="90" class="top-narrow noticks"></div>
                <div class="dialog">
                  <header>Ventil</header>
                  <div data-type="simplechart" data-device="wohnen_Clima" data-logdevice="FileLog_wohnen" data-columnspec="4:ValvePosition" data-minvalue="0" data-maxvalue="60" data-yticks="10" data-xticks="1440" data-daysago="6" data-height="250"></div>
                </div>
              </div></td>

in den 8 dateien mit datum 22.9 rechts im bild sollten sich die veränderungen befinden.

danke schon mal für deine bemühungen und das ganze tablett gerippe überhaupt.

grüße horst
raspberry pi, razberry, fibaro sensor, fibaro dimmer,  nodon fb, tkb dual dimmer Switch, milight e27 + stripe, hmlan, hm-TC, hm-RT
Drucken
Nach oben Seiten1
Benutzer-Aktionen