Problem: Wettermodul Proplanta mit Android

Begonnen von bbkhacki, 30 Dezember 2017, 14:23:47

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

bbkhacki

30 Dezember 2017, 14:23:47
Hallo zusammen,

ich habe vor ein paar Wochen meinen Raspberry in Verbindung mit Homematic Komponenten in Betrieb genommen. Soweit funktioniert auch alles wunderbar. Nun ist mein gewünschte Tablet mit Android angekommen (Lenonvo TB-X103F) und es treten Probleme mit der Tablet-UI (basiert auf Vorlage von "risiko") auf.

Am Windows Desktop, iPad und Macbook wird die Tablet UI fehlerfrei angezeigt. Die Darstellung auf dem Lenovo Tablet (sowie auf einem anderen Android Tablet) sind mit verschiedenen Browsern fehlerhaft. In der Wetter-Spalte fehlen hier die großen Icons und die Temperaturanzeigen. Es werden nur die kleinen weißen Icons angezeigt. Alle anderen dargestellten Steuerungssymbole sind vorhanden.

Ich recherchiere schon einige Zeit hier im Forum, habe aber noch keine Lösung für mein geschildertes Problem gefunden.


Vielen Dank und einen guten Rutsch ins neue Jahr
Felix


Inhalt der index.html:
Code Auswählen
<!DOCTYPE html>
<html>
<head>
<!--
/* FHEM tablet ui */
/*
* Just another dashboard for FHEM
*
         * Version: 1.3.5
* 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/
*/
-->
<title>FHEM-Tablet-UI</title>
<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="123">
<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="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
<meta name="debug" content="0"> <!-- 1=output to console;0=not output -->
<meta name='toast' content="0"> <!-- toas messages -->
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">

<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/openautomation.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />


<script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
  <script type="text/javascript" src="/fhem/tablet/lib/jquery.knob.mod.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.toast.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.circlemenu.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/powerange.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.gridster.min.js"></script>
  <script type="text/javascript" src="/fhem/tablet/lib/fa-multi-button.min.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>

<!-- available class: container,left,right,cell,narrow,darker,large thin,large thinger,small,thin,large thin,wider -->
<!-- available data-type: symbol,dimmer,homestatus,label,push,slider,switch,thermostat,volume,weather -->

<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="6" data-template="menu.html"></li>
</ul>
</div>
</body>
</html>


Inhalt der main.html
Code Auswählen
<!DOCTYPE html>

<html>

<head></head>

<body>



<div class="gridster">

<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="5" data-template="menu.html"></li>

<!-- Bahn
<li data-row="1" data-col="2" data-sizex="2" data-sizey="2">
<header><font size="+1">A ➡ B</font></header>
<table class="calls" width="100%">
<tr>
<td><div data-type="label" class="thin">Abfahrt</div></td>
<td><div data-type="label" class="thin">Delay</div></td>
<td colspan="2">Art</td>
</tr>

<tr>
<td>
<div data-type="label" class="inline large thin"
data-device="db" data-get="departure_1">
</div>
</td>
<td>
<div data-type="label"class="inline large thin"
data-fix="0" data-limits='[0,1]' data-colors='["#00FF00","#FF0000"]'
data-device="db" data-get="departure_delay_1">
</div>
</td>
<td>
<div data-type="symbol"class="inline small"
data-device="db" data-get="connection_1"
data-get-on='["EB","STB","RB","BUS"]'
data-icons='["fa-train","fa-train","fa-train","fa-bus"]'
data-on-colors='["#B28F00","#B28F00","#B28F00","#AF7E5F"]'>
</div>
</td>
<td>
<div data-type="label"class="inline large thin"
data-device="db" data-get="connection_1">
</div>
</td>
</tr>
<tr>
<td>
<div data-type="label" class="inline large thin"
data-device="db" data-get="departure_2">
</div>
</td>
<td>
<div data-type="label"class="inline large thin"
data-fix="0" data-limits='[0,1]' data-colors='["#00FF00","#FF0000"]'
data-device="db" data-get="departure_delay_2">
</div>
</td>
<td>
<div data-type="symbol"class="inline small"
data-device="db" data-get="connection_2"
data-get-on='["EB","STB","RB","BUS"]'
data-icons='["fa-train","fa-train","fa-train","fa-bus"]'
data-on-colors='["#B28F00","#B28F00","#B28F00","#AF7E5F"]'>
</div>
</td>
<td>
<div data-type="label"class="inline large thin"
data-device="db" data-get="connection_2">
</div>
</td>
</tr>
<tr>
<td>
<div data-type="label" class="inline large thin"
data-device="db" data-get="departure_3">
</div>
</td>
<td>
<div data-type="label"class="inline large thin"
data-fix="0" data-limits='[0,1]' data-colors='["#00FF00","#FF0000"]'
data-device="db" data-get="departure_delay_3">
</div>
</td>
<td>
<div data-type="symbol"class="small"
data-device="db" data-get="connection_3"
data-get-on='["EB","STB","RB","BUS"]'
data-icons='["fa-train","fa-train","fa-train","fa-bus"]'
data-on-colors='["#B28F00","#B28F00","#B28F00","#AF7E5F"]'>
</div>
</td>
<td>
<div data-type="label"class="inline large thin"
data-device="db" data-get="connection_3">
</div>
</td>
</tr>
</table>
</li> -->

<!-- ======================================================================================================================================================= -->

<!-- Müll -->
<li data-row="3" data-col="2" data-sizex="2" data-sizey="3">
<!--<header><font size="+1">Abfall</font></header>
<table class="calls" width="100%">
<tr>
<td>Was</td>
<td>Wann</td>
</tr>
<tr>
<td><div data-type="label" class="large thin">Biomüll</div></td>
<td>
<div data-type="symbol"class="large warn"
data-device="Bio_Tonne" data-get="state"
data-get-on="(\d+)"
data-on-color="#996600"
data-icon='fa-trash-o'>
</div>
</td>
</tr>
<tr>
<td><div data-type="label" class="large thin">Restmüll</div></td>
<td>
<div data-type="symbol"class="large warn"
data-device="Restmuell_Tonne" data-get="state"
data-get-on="(\d+)"
data-on-color="#0E0E0E"
data-icon='fa-trash-o'>
</div>
</td>
</tr>
<tr>
<td><div data-type="label" class="inline large thin">Papiermüll</div></td>
<td>
<div data-type="symbol"class="large warn"
data-device="Papier_Tonne" data-get="state"
data-get-on="(\d+)"
data-on-color="#4040D5"
data-icon='fa-trash-o'>
</div>
</td>
</tr>
<tr>
<td><div data-type="label" class="inline large thin">Plastikmüll</div></td>
<td>
<div data-type="symbol"class="large warn"
data-device="Gelbe_Tonne" data-get="state"
data-get-on="(\d+)"
data-on-color="#E6E600"
data-icon='fa-trash-o'>
</div>
</td>
</tr>
</table> -->
</li>



<!-- Medianserver
<li data-row="7" data-col="2" data-sizex="2" data-sizey="1">
<header><font size="+1">Medienserver</font></header>
<div data-type="switch" data-device="WOL_MEDIA_SRV" data-icon="oa-it_pc" class="cell"></div>
<div data-type="label" data-device="WOL_MEDIA_SRV" class="narow"></div>
</li> -->

<li data-row="7" data-col="2" data-sizex="2" data-sizey="2"> </li>

<!-- Außemtemperatur
<li data-row="1" data-col="4" data-sizex="2" data-sizey="1">
<header><font size="+1">Außemtemperatur</font></header>
<div class="cell">
<table>
<tr>
<tr><td colspan="2">&nbsp;</td></tr>
<td><div class="inline" data-type="label">Eingang</div></td>
<td><div class="large" data-type="label" data-colors='["#B28F00"]' data-limits='["0"]'
data-device="PI_TEMP_Eingang" data-get="temperature"
data-unit="%B0C%0A" ></div>
</td>
<td>&nbsp;</td>
<td><div class="inline" data-type="label">Garten</div></td>
<td>
<div class="large" data-type="label" data-colors='["#B28F00"]' data-limits='["0"]'
data-device="PI_TEMP_Garten" data-get="temperature" data-unit="%B0C%0A" ></div>
</td>
</tr>
</table>
</div>
</li> -->

<!-- ======================================================================================================================================================= -->

<!-- Wetter -->
<li data-row="1" data-col="4" data-sizex="2" data-sizey="5">
<header><font size="+1">Wetter&nbsp;</font>(Heute)</header>
<div class="cell">
<table>
<tr>
<td align="center" width="40px"><div data-type="label">Min:</div> </td>
<td align="center"><div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMin" data-unit="%B0C%0A" class="large" data-colors='["#B28F00"]' data-limits='["-30"]'></div></td>
<!--<td align="center"><div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMin" data-unit="%B0C%0A" class="large" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>-->
<td>&nbsp;</td>
<td width="150px">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td align="center"><div data-type="label">Akt:</div> </td>
<td align="center"><div data-type="label" data-device="WetterProplanta" data-get="temperature" data-unit="%B0C%0A" class="large" data-colors='["#B28F00"]' data-limits='["-30"]'></div></td>
<!--<td align="center"><div data-type="label" data-device="WetterProplanta" data-get="temperature" data-unit="%B0C%0A" class="large" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>-->
<td width = "80px"> &nbsp;</td>
<td align="left"><div class="weather"><div data-icon="R" class="tiny weather-icon meteocons"></div></div></td>
<td align="left"><div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRainDay" data-unit="%" class="large" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>
</tr>
<tr>
<td align="center"><div data-type="label">Max:</div> </td>
<td align="center"><div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMax" data-unit="%B0C%0A" class="large" data-colors='["#B28F00"]' data-limits='["-30"]'></div></td>
<td>&nbsp;</td>
<td align="left"><div class="weather"><div data-icon="B" class="tiny weather-icon meteocons"></div></div></td>
<td align="left"><div data-type="label" data-device="WetterProplanta" data-get="fc0_sun" data-unit="%" class="large" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>
</tr>
</table>
</div>
<header class="top-space"><font color="white">Früh</font></header>
<div class="cell">
<table>
<tr>
<td width="20px">&nbsp;</td>
<td>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherMorningIcon" data-imageset="kleinklima" class="cell" style="width:60px"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherMorning" class="cell small narrow"></div>
</td>
<td>
<table>
<tr>
<td align="left"><div class="weather"><div data-icon="Y" class="tiny weather-icon meteocons"></div></div></td>
<td align="left" valign="bottom"><div data-type="label" data-device="WetterProplanta" data-get="fc0_cloud06" data-unit="%" class="left" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>
</tr>
<tr>
<td align="left" width="40px"><div class="weather"><div data-icon="'" class="tiny weather-icon meteocons"></div></div></td>
<td align="left"><div data-type="label" data-device="WetterProplanta" data-get="fc0_temp06" data-unit="%B0C%0A" class="left big" data-colors='["#B28F00"]' data-limits='["-30"]'></div></td>
</tr>
<tr>
<td align="left"><div class="weather"><div data-icon="R" class="tiny weather-icon meteocons"></div></div></td>
<td align="left" valign="top"><div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain06" data-unit="%" class="left" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<header class="top-space"><font color="white">Mittag</font></header>
<div class="cell">
<table>
<tr>
<td width="20px">&nbsp;</td>
<td>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" class="cell" style="width:60px"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherDay" class="cell small narrow"></div>
</td>
<td>
<table>
<tr>
<td align="left"><div class="weather"><div data-icon="Y" class="tiny weather-icon meteocons"></div></div></td>
<td align="left" valign="bottom"><div data-type="label" data-device="WetterProplanta" data-get="fc0_cloud12" data-unit="%" class="left" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>
</tr>
<tr>
<td align="left" width="40px"><div class="weather"><div data-icon="'" class="tiny weather-icon meteocons"></div></div></td>
<td align="left"><div data-type="label" data-device="WetterProplanta" data-get="fc0_temp12" data-unit="%B0C%0A" class="left big" data-colors='["#B28F00"]' data-limits='["-30"]'></div></td>
</tr>
<tr>
<td align="left"><div class="weather"><div data-icon="R" class="tiny weather-icon meteocons"></div></div></td>
<td align="left" valign="top"><div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain12" data-unit="%" class="left" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<header class="top-space"><font color="white">Abend</font></header>
<div class="cell">
<table>
<tr>
<td width="20px">&nbsp;</td>
<td>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherEveningIcon" data-imageset="kleinklima" class="cell" style="width:60px"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherEvening" class="cell small narrow"></div>
</td>
<td>
<table>
<tr>
<td align="left"><div class="weather"><div data-icon="Y" class="tiny weather-icon meteocons"></div></div></td>
<td align="left" valign="bottom"><div data-type="label" data-device="WetterProplanta" data-get="fc0_cloud18" data-unit="%" class="left" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>
</tr>
<tr>
<td align="left" width="40px"><div class="weather"><div data-icon="'" class="tiny weather-icon meteocons"></div></div></td>
<td align="left"><div data-type="label" data-device="WetterProplanta" data-get="fc0_temp18" data-unit="%B0C%0A" class="left big" data-colors='["#B28F00"]' data-limits='["-30"]'></div></td>
</tr>
<tr>
<td align="left"><div class="weather"><div data-icon="R" class="tiny weather-icon meteocons"></div></div></td>
<td align="left" valign="top"><div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain18" data-unit="%" class="left" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<header class="top-space"><font color="white">Nacht</font></header>
<div class="cell">
<table>
<tr>
<td width="20px">&nbsp;</td>
<td>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherNightIcon" data-imageset="kleinklima" class="cell" style="width:60px"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherNight" class="cell small narrow"></div>
</td>
<td>
<table>
<tr>
<td align="left"><div class="weather"><div data-icon="Y" class="tiny weather-icon meteocons"></div></div></td>
<td align="left" valign="bottom"><div data-type="label" data-device="WetterProplanta" data-get="fc0_cloud21" data-unit="%" class="left" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>
</tr>
<tr>
<td align="left" width="40px"><div class="weather"><div data-icon="'" class="tiny weather-icon meteocons"></div></div></td>
<td align="left"><div data-type="label" data-device="WetterProplanta" data-get="fc0_temp21" data-unit="%B0C%0A" class="left big" data-colors='["#B28F00"]' data-limits='["-30"]'></div></td>
</tr>
<tr>
<td align="left"><div class="weather"><div data-icon="R" class="tiny weather-icon meteocons"></div></div></td>
<td align="left" valign="top"><div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRainNight" data-unit="%" class="left" data-colors='["#B28F00"]' data-limits='["0"]'></div></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</li>

<!-- ======================================================================================================================================================= -->

<!-- Licht
<li data-row="1" data-col="6" data-sizex="2" data-sizey="1">
<header><font size="+1">Licht</font></header>
<div class="cell">
<table width="100%">
<tr>
<td>
<div data-type="label" class="narow">Stube</div>
<div data-type="dimmer" data-device="WZ_Dimmer" class="cell"
data-get="state" data-get-on="on" data-get-off="off" data-set-off="off"
data-set-on="on" data-set=""  data-dim="dimlevel">
</td>
<td>
<div data-type="label" class="narow">Büro</div>
<div data-type="switch" data-device="BR_SWITCH" class="cell">
</td>
</tr>
</table>
</div>
</li> -->

<!-- ======================================================================================================================================================= -->

<!-- DG -->
<li data-row="2" data-col="6" data-sizex="2" data-sizey="5">
<header><font size="+1">DG</font></header>
<div class="cell">
<table>
<tr><td colspan="2"><div data-type="label" class="class">WOHNZIMMER</div></td></tr>
<tr>
<td>
<div data-type="thermostat" data-get="desired-temp" data-set="desired-temp" data-temp="temperature"
data-off="off" data-boost="boost" data-min="5" data-max="30" data-device="DG_Wohnzimmer_Heizung_Clima" class="cell"
data-fgColor="#B28F00"> </div>
</td>
<td>
<div class="container left">
<div class="large" data-type="label" data-get="measured-temp" data-device="DG_Wohnzimmer_Heizung_Clima" data-fix="1"
data-unit="%B0C%0A" data-colors='["#B28F00"]' data-limits='["0"]'></div>
<div class="large" data-type="label" data-get="ValvePosition" data-device="DG_Wohnzimmer_Heizung_Clima" data-fix="1"
data-unit="%" data-colors='["#B28F00"]' data-limits='["0"]'></div>
<div class="large" data-type="multistatebutton" data-device="DG_Wohnzimmer_Heizung_Clima" data-get="controlMode"
data-background-icon="gs-w"
data-get-on='["auto","manuell"]' data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
data-set='["mode direct manuell","mode direct auto"]'
data-colors='["#00FF00","#FF0000"]'></div>
</div>
</td>
</tr>
</table>
</div>

<!-- THERMOSTAT ARBEITSZIMMER -->

<div class="cell top-space">
<table>
<tr><td colspan="2"><div data-type="label" class="class">ARBEITSZIMMER</div></td></tr>
<tr>
<td>
<div data-type="thermostat" data-get="desired-temp" data-set="desiredTemperature direct" data-temp="temperature"
data-off="off" data-boost="boost" data-min="5" data-max="30" data-device="DG_Arbeitszimmer_Heizung_Clima" class="cell"
data-fgColor="#B28F00"> </div>
</td>
<td>
<div class="container left">
<div class="large" data-type="label" data-get="measured-temp" data-device="DG_Arbeitszimmer_Heizung_Clima" data-fix="1"
data-unit="%B0C%0A" data-colors='["#B28F00"]' data-limits='["0"]'></div>
<div class="large" data-type="label" data-get="ValvePosition" data-device="DG_Arbeitszimmer_Heizung_Clima" data-fix="1"
data-unit="%" data-colors='["#B28F00"]' data-limits='["0"]'></div>
<div class="large" data-type="multistatebutton" data-device="DG_Arbeitszimmer_Heizung_Clima" data-get="controlMode"
data-background-icon="gs-w"
data-get-on='["auto","manuell"]' data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
data-set='["mode direct manuell","mode direct auto"]'
data-colors='["#00FF00","#FF0000"]'></div>
</div>
</td>
</tr>
</table>
</div>

<div class="cell top-space">
<table>
<tr><td colspan="2"><div data-type="label" class="class">VELUX CABRIO LINKS</div></td></tr>
<tr>
<td>
<div data-type="symbol" data-device="DG_Wohnzimmer_linkesCabrio_Sensor" data-get="STATE"
data-states='["open","closed"]'
data-background-icon="gs-w"
data-icons='["oa-fts_window_roof_open_2","oa-fts_window_roof"]'
data-colors='["#999","#555"]' >
</div>
</td>
<td>
<div class="container left">
<div class="large" data-type="label" data-get="STATE" data-device="DG_Wohnzimmer_linkesCabrio_Sensor"
data-colors='["#B28F00"]'></div>
</div>
</td>
</tr>
</table>
</div>

<div class="cell top-space">
<table>
<tr><td colspan="2"><div data-type="label" class="class">VELUX CABRIO RECHTS</div></td></tr>
<tr>
<td>
<div data-type="symbol" data-device="DG_Wohnzimmer_rechtesCabrio_Sensor" data-get="STATE"
data-states='["open","closed"]'
data-background-icon="gs-w"
data-icons='["oa-fts_window_roof_open_2","oa-fts_window_roof"]'
data-colors='["#999","#555"]' >
</div>
</td>
<td>
<div class="container left">
<div class="large" data-type="label" data-get="STATE" data-device="DG_Wohnzimmer_rechtesCabrio_Sensor"
data-colors='["#B28F00"]'></div>
</div>
</td>
</tr>
</table>
</div>

</li> <!-- Ende Heizung -->

<!-- EG -->
<li data-row="2" data-col="8" data-sizex="2" data-sizey="5">
<header><font size="+1">EG</font></header>
<div class="cell">
<table>
<tr><td colspan="2"><div data-type="label" class="class">KÜCHE WEST TREPPE</div></td></tr>
<tr>
<td>
<div data-type="thermostat" data-get="desired-temp" data-set="desired-temp" data-temp="temperature"
data-off="off" data-boost="boost" data-min="5" data-max="30" data-device="EG_Kueche_West_Treppe_Heizung_Clima" class="cell"
data-fgColor="#B28F00"> </div>
</td>
<td>
<div class="container left">
<div class="large" data-type="label" data-get="measured-temp" data-device="EG_Kueche_West_Treppe_Heizung_Clima" data-fix="1"
data-unit="%B0C%0A" data-colors='["#B28F00"]' data-limits='["0"]'></div>
<div class="large" data-type="label" data-get="ValvePosition" data-device="EG_Kueche_West_Treppe_Heizung_Clima" data-fix="1"
data-unit="%" data-colors='["#B28F00"]' data-limits='["0"]'></div>
<div class="large" data-type="multistatebutton" data-device="EG_Kueche_West_Treppe_Heizung_Clima" data-get="controlMode"
data-background-icon="gs-w"
data-get-on='["auto","manuell"]' data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
data-set='["mode direct manuell","mode direct auto"]'
data-colors='["#00FF00","#FF0000"]'></div>
</div>
</td>
</tr>
</table>
</div>

<div class="cell">
<table>
<tr><td colspan="2"><div data-type="label" class="class">KÜCHE WEST ECKE</div></td></tr>
<tr>
<td>
<div data-type="thermostat" data-get="desired-temp" data-set="desired-temp" data-temp="temperature"
data-off="off" data-boost="boost" data-min="5" data-max="30" data-device="EG_Kueche_West_Ecke_Heizung_Clima" class="cell"
data-fgColor="#B28F00"> </div>
</td>
<td>
<div class="container left">
<div class="large" data-type="label" data-get="measured-temp" data-device="EG_Kueche_West_Ecke_Heizung_Clima" data-fix="1"
data-unit="%B0C%0A" data-colors='["#B28F00"]' data-limits='["0"]'></div>
<div class="large" data-type="label" data-get="ValvePosition" data-device="EG_Kueche_West_Ecke_Heizung_Clima" data-fix="1"
data-unit="%" data-colors='["#B28F00"]' data-limits='["0"]'></div>
<div class="large" data-type="multistatebutton" data-device="EG_Kueche_West_Ecke_Heizung_Clima" data-get="controlMode"
data-background-icon="gs-w"
data-get-on='["auto","manuell"]' data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
data-set='["mode direct manuell","mode direct auto"]'
data-colors='["#00FF00","#FF0000"]'></div>
</div>
</td>
</tr>
</table>
</div>

<div class="cell">
<table>
<tr><td colspan="2"><div data-type="label" class="class">KÜCHE SPÜLE ECKE</div></td></tr>
<tr>
<td>
<div data-type="thermostat" data-get="desired-temp" data-set="desired-temp" data-temp="temperature"
data-off="off" data-boost="boost" data-min="5" data-max="30" data-device="EG_Kueche_Spuele_Heizung_Clima" class="cell"
data-fgColor="#B28F00"> </div>
</td>
<td>
<div class="container left">
<div class="large" data-type="label" data-get="measured-temp" data-device="EG_Kueche_Spuele_Heizung_Clima" data-fix="1"
data-unit="%B0C%0A" data-colors='["#B28F00"]' data-limits='["0"]'></div>
<div class="large" data-type="label" data-get="ValvePosition" data-device="EG_Kueche_Spuele_Heizung_Clima" data-fix="1"
data-unit="%" data-colors='["#B28F00"]' data-limits='["0"]'></div>
<div class="large" data-type="multistatebutton" data-device="EG_Kueche_Spuele_Heizung_Clima" data-get="controlMode"
data-background-icon="gs-w"
data-get-on='["auto","manuell"]' data-icons='["oa-sani_heating_automatic","oa-sani_heating_manual"]'
data-set='["mode direct manuell","mode direct auto"]'
data-colors='["#00FF00","#FF0000"]'></div>
</div>
</td>
</tr>
</table>
</div>


</li> <!-- Ende EG -->



<!--
<li data-row="1" data-col="8" data-sizex="3" data-sizey="3">
<header><font size="+1">Termine</font></header>
<div class="cell">
<table class="calls" width="100%">
<tr>
<td><div data-type="label" class="thin">Begin</div></td>
<td><div data-type="label" class="thin">Ende</div></td>
<td><div data-type="label" class="thin">Was</div></td>
</tr>
<tr>
<td>
<div class="cell">
<div data-type="label" class="large thin"
data-device="cal_view" data-get="t_001_bdate"
data-substitution="s/\.20[0-9]{2}//g"></div>
<div data-type="label" class="thin" data-device="cal_view"
data-substitution="s/(00:00:00)|(:00)$//g" data-get="t_001_btime"></div>
</div>
</td>
<td>
<div class="cell">
<div data-type="label" class="large thin"
data-device="cal_view" data-get="t_001_edate"
data-substitution="s/\.20[0-9]{2}//g"></div>
<div data-type="label" class="thin" data-device="cal_view"
data-substitution="s/(00:00:00)|(:00)$//g" data-get="t_001_etime"></div>
</div>
</td>
<td><div data-type="label" class="large thin" data-device="cal_view" data-get="t_001_summary"
data-colors='["#B28F00","#00FF00"]' data-limits='[".*Geburtstag.*",".*"]'
data-substitution="s/von/<br>/g"></div></td>
</tr>

<tr>
<td>
<div class="cell">
<div data-type="label" class="large thin"
data-device="cal_view" data-get="t_002_bdate"
data-substitution="s/\.20[0-9]{2}//g"></div>
<div data-type="label" class="thin" data-device="cal_view"
data-substitution="s/(00:00:00)|(:00)$//g" data-get="t_002_btime"></div>
</div>
</td>
<td>
<div class="cell">
<div data-type="label" class="large thin"
data-device="cal_view" data-get="t_002_edate"
data-substitution="s/\.20[0-9]{2}//g"></div>
<div data-type="label" class="thin" data-device="cal_view"
data-substitution="s/(00:00:00)|(:00)$//g" data-get="t_002_etime"></div>
</div>
</td>
<td><div data-type="label" class="large thin" data-device="cal_view" data-get="t_002_summary"
data-colors='["#B28F00","#00FF00"]' data-limits='[".*Geburtstag.*",".*"]'
data-substitution="s/von/<br>/g"></div></td>
</tr>

<tr>
<td>
<div class="cell">
<div data-type="label" class="large thin"
data-device="cal_view" data-get="t_003_bdate"
data-substitution="s/\.20[0-9]{2}//g"></div>
<div data-type="label" class="thin" data-device="cal_view"
data-substitution="s/(00:00:00)|(:00)$//g" data-get="t_003_btime"></div>
</div>
</td>
<td>
<div class="cell">
<div data-type="label" class="large thin"
data-device="cal_view" data-get="t_003_edate"
data-substitution="s/\.20[0-9]{2}//g"></div>
<div data-type="label" class="thin" data-device="cal_view"
data-substitution="s/(00:00:00)|(:00)$//g" data-get="t_003_etime"></div>
</div>
</td>
<td><div data-type="label" class="large thin" data-device="cal_view" data-get="t_003_summary"
data-colors='["#B28F00","#00FF00"]' data-limits='[".*Geburtstag.*",".*"]'
data-substitution="s/von/<br>/g"></div></td>
</tr>
<tr>
<td>
<div class="cell">
<div data-type="label" class="large thin"
data-device="cal_view" data-get="t_004_bdate"
data-substitution="s/\.20[0-9]{2}//g"></div>
<div data-type="label" class="thin" data-device="cal_view"
data-substitution="s/(00:00:00)|(:00)$//g" data-get="t_004_btime"></div>
</div>
</td>
<td>
<div class="cell">
<div data-type="label" class="large thin"
data-device="cal_view" data-get="t_004_edate"
data-substitution="s/\.20[0-9]{2}//g"></div>
<div data-type="label" class="thin" data-device="cal_view"
data-substitution="s/(00:00:00)|(:00)$//g" data-get="t_004_etime"></div>
</div>
</td>
<td><div data-type="label" class="large thin" data-device="cal_view" data-get="t_004_summary"
data-colors='["#B28F00","#00FF00"]' data-limits='[".*Geburtstag.*",".*"]'
data-substitution="s/von/<br>/g"></div></td>
</tr>

<tr>
<td>
<div class="cell">
<div data-type="label" class="large thin"
data-device="cal_view" data-get="t_005_bdate"
data-substitution="s/\.20[0-9]{2}//g"></div>
<div data-type="label" class="thin" data-device="cal_view"
data-substitution="s/(00:00:00)|(:00)$//g" data-get="t_005_btime"></div>
</div>
</td>
<td>
<div class="cell">
<div data-type="label" class="large thin"
data-device="cal_view" data-get="t_005_edate"
data-substitution="s/\.20[0-9]{2}//g"></div>
<div data-type="label" class="thin" data-device="cal_view"
data-substitution="s/(00:00:00)|(:00)$//g" data-get="t_005_etime"></div>
</div>
</td>
<td><div data-type="label" class="large thin" data-device="cal_view" data-get="t_005_summary"
data-colors='["#B28F00","#00FF00"]' data-limits='[".*Geburtstag.*",".*"]'
data-substitution="s/von/<br>/g"></div></td>
</tr>
</table>
</div>
</li> -->
</ul>
</div>
</body>
</html>

MKeY

#1
30 Dezember 2017, 23:02:34
puh, ich hab bei mir zb. in der index nur relative adressierung und keine probleme:
Code Auswählen
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="widget_base_width" content="83">
    <meta name="widget_base_height" content="127">
    <meta name="gridster_cols" content="15">
    <meta name="gridster_rows" content="6">

    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="gridster_disable" content="0">
    <meta name="widget_margin" content="1">
    <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="debug" content="0"> <!-- verbose level 1-6 = output to console;0 = not output -->
    <meta name="longpoll_filter" content=".*">
    <meta name='longpoll_maxage' content='0'>
    <meta name='toast' content='2'>

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

    <!-- define your personal style here, it wont be overwritten  -->
    <link rel="stylesheet" href="fonts/roman/style.css" />
    <link rel="stylesheet" href="fonts/material/style.css" />
    <link rel="stylesheet" href="fonts/Brankic/style.css" />
    <link rel="stylesheet" href="fonts/Hawkon/style.css" />
    <link rel="stylesheet" href="fonts/FontAwesomeNew/style.css" />
    <link rel="stylesheet" href="fonts/culhue/style.css" />
    <!-- link rel="stylesheet" href="/fhem/tablet/css/fhem-green-ui.css" / -->
        <link rel="stylesheet" href="lib/powerange.min.css" />
        <link rel="stylesheet" href="lib/openautomation.css" />


    <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>

wäre zumindest ein versuch wert, wobei ich mir die Frage stelle, warum die labels auch nicht da sind von der Temperatur!
nutzt du den fully kiosk browser?
Wer Fehler findet, darf sie behalten!
RPi's, D1Mini
Homematic, Hue, Sonoff, Alexa, Xiaomi, ConBee
Prusa MK2.5, Prusa MK3S (MMU2S vorhanden, aber nervtötend)
Lowrider 2CNC

Wasserwerk33

#2
04 Januar 2018, 22:56:18
Hast du den Fehler wegbekommen?
Habe ihn bei Wetter auch. Und zwar auf allen Geräten.
Drucken
Nach oben Seiten1
Benutzer-Aktionen