FTUI 2.6

[Garbsen]

Wenn ich das richtig sehe, dann ist longpoll auf Websocket doch gar nicht aktiv bei dir ?!?
So sieht das bei mir aus:

Code Auswählen Erweitern

Internals:
   CONNECTS   36
   DEF        8083 global
   FD         7
   NAME       WEB
   NR         5
   NTFY_ORDER 50-WEB
   PORT       8083
   STATE      Initialized
   TYPE       FHEMWEB
Attributes:
   editConfig 1
   longpoll   websocket
   stylesheetPrefix dark

Das war jetzt "ein wenig" blöd von mir, da hatte ich wegen der Probleme erst das attr gelöscht und dann ein List gemacht. Das hilft natürlich nüschts.

Hier das List mit websocket

Code Auswählen Erweitern

Internals:
   CONNECTS   241
   DEF        8083 global
   FD         6
   NAME       WEB
   NR         20
   NTFY_ORDER 50-WEB
   PORT       8083
   STATE      Initialized
   TYPE       FHEMWEB
Attributes:
   JavaScripts codemirror/fhem_codemirror.js
   codemirrorParam { "lineWrapping":false }
   editConfig 1
   longpoll   websocket
   menuEntries DOIFtools,/fhem?detail=DOIFtools,CodeImport,/fhem?detail=Import#

Wo die "codemirror" Einträge herkommen ist mir ehrlich gesagt ebenso unbekannt wie was sie bedeuten.
Da gibt es halt noch ne Menge was ich lernen müsste.
K-H

[grossmaggul]

Bei mir gibt's auch nach dem Update immer noch den js 791 Fehler.

[moonsorrox]

mich stört vielmehr an der 2.6 das wenn ich auf einen Menüpunkt klicke, ewig die ganze Seite flattert und sich aufbaut. Dann kommen unten in dem Bereich wo sich die Menüleiste befindet, laufend dies Meldungen hoch so das ich das Menü in dem Bereich gar nicht bedienen kann...
alles mögliche kommt da hoch von longpoll und refresh usw.

Wo die "codemirror" Einträge herkommen ist mir ehrlich gesagt ebenso unbekannt wie was sie bedeuten.

habe ich auch drin, nur etwas anders..!

Code Auswählen Erweitern

Internals:
   CONNECTS   4749
   DEF        8083 global
   FD         7
   NAME       WEB
   NR         44
   NTFY_ORDER 50-WEB
   PORT       8083
   STATE      Initialized
   TYPE       FHEMWEB
Attributes:
   CssFiles   pgm2/mydarkstyle.css
   JavaScripts codemirror/fhem_codemirror.js
   codemirrorParam { "lineWrapping":true }
   column     Unsorted:Zeiten,at,notify,HMLAN,FileLog Info:Plots
   confirmDelete 0
   editConfig 1
   hiddenroom DashboardRoom,GDS Files
   iconPath   fhemSVG:openautomation:default:weather
   longpoll   websocket
   menuEntries Howto,//www.fhemwiki.de/wiki/Kategorie:HOWTOS,Update Check,/fhem?cmd=update%20check,Update,/fhem?cmd=update,Neustart,/fhem?cmd=shutdown%20restart,FHEM einlesen,/fhem?cmd=rereadcfg,
   reverseLogs 1
   roomIcons  Save.config:edit_save InfoPanel:rc_INFO Automation:status_automatic Wohnzimmer:scene_livingroom Schlafzimmer:scene_sleeping AußenLicht:light_outdoor Obergeschoss:control_building_s_og Kameras:it_camera SqueezeBoxen:audio_sound Benzinpreis:tanken HWR:scene_cubby Logo.8:siemens_logo TV:it_television System:edit_settings Telefon:it_telephone Temperaturen:temp_temperature Plots:time_graph Dashboard:status_standby Logs:edit_paste Intel.NUC:it_server HUEDevice:light_led Timer:time_timer Wettervorhersage:weather_sunrise Unsorted:secur_encoding Everything:control_building_2_s_all Logfile:edit_paste Update.Check:edit_settings Commandref:edit_copy Remote.doc:edit_copy Edit.files:time_note Select.style:control_return Event.monitor:control_home Howto:edit_sort Update:system_fhem_update Neustart:system_fhem_reboot FHEM einlesen:system_backup 9_Test:message_service Kalender:time_calendar DOIF.Labor:message_service
   sortRooms  Automation Wohnzimmer Schlafzimmer AußenLicht Obergeschoss HWR Logo.8 Kameras Kalender SqueezeBoxen Temperaturen Wettervorhersage Benzinpreis Fernbedienungen Intel.NUC Telefon Logs Plots System HUEDevice DOIF.Labor
   stylesheetPrefix dark

[setstate]

Da musst du debug auf 0 setzen, dann kommen auch keine Meldungen.

[moonsorrox]

OK, dass habe ich gemacht... bisher hatte ich da immer "1" drin, aber so schlimm war das nie das es mich gestört hatte na egal, is ja jetzt weg 

[Garbsen]

Ok, ich habe mal ein wenig gegoogelt 
Die codemirror Einträge können eigentlich nichts ausmachen, das ist die Implementierung eines Editors in die Web-Oberfläche.
Außerdem ist mir aufgefallen, dass ich mehrere Fhemweb Devices habe. Jeweils für Zugriff mit PC, Tablet oder iPhone, jeweils andere Ports.
Da ich die TUI-Oberfläche vom iPad aus nutze habe ich den longpoll websocket Eintrag jetzt mal in dem entsprechenden Fhemweb gemacht. Und dort funzt es auch, d.h. Ich habe in Tabletui, über den Port ungerufen keine disconnects mehr, vorher war für die Tabletui Oberfläche vermutlich gar kein websocket installiert.
Allerdings bleibt es dabei, dass sich Safari nach kurzer Zeit verabschiedet und ich die Oberfläche neu starten muss. Letzte Tabletui ist installiert.

Seltsam ist auch, dass ich jetzt in webtablet das Attribut gesetzt habe und wenn ich auf dem iPad die FHEM Oberfläche über den Port aufrufe es auch problemlos ist.
Rufe ich die FHEM Web Oberfläche über einen anderen Port auf und setze dort das longpoll Attr auf websocket, bleibt es bei den Verbindungsabbrüchen in der FHEM Oberfläche.
Das ist mir zu (noch) zu hoch

[moonsorrox]

codemirror hat mit dem fhem Webeditor zutun welchen ich z.B. nutze

[Familienpapi]

Habe mir eine Testumgebung unter ./tablet und eine echte Umgebung unter ./tabletStable geschaffen. Mit "update" wird nur ./tablet upgedatet. Meine Echtumgebung bleibt erhalten.

Code Auswählen Erweitern

define TABLETUI1 HTTPSRV Tablet/ ./www/tabletStable Tablet-Ansicht
attr TABLETUI1 room zConfig
attr TABLETUI1 group Web

define TABLETUI2 HTTPSRV Test/ ./www/tablet Tablet-Test
attr TABLETUI2 room zConfig
attr TABLETUI2 group Web

Soweit so gut. Nun ganz mutig "update" eingegeben und alles updaten lassen, "shutdown restart" und das Tablet zur Hand und Spannung:
Nur zwei Labels, die als Klasse "grande bold" definiert waren, musste ich in "grande" umdefinieren. Das war's. Alles andere nach wie vor sauber formattiert. Alles da, wo es stehen soll. Alle Labels werden in den richtigen Farben und Größen angezeigt. Alle Switches funktionieren. Meine "Spezialitäten" werden ordnungsgemäß dargestellt. Sogar die Fernbedienung vom Mediaportal ist nach wie vor sauber aufgebaut und funktioniert inkl. Onkyo Steuerung.
Vielleicht ist ein Grund, dass ich keine Probleme mit dem Update von 2.5 auf 2.6 hatte, dass ich ganz bewusst keine verschachtelten DIVs, sondern alt her gebracht ein paar <table> Tags drin habe.
Auch websocket funktionierte auf Anhieb.

Lieber setstate, super Job! Vielen Dank für Deine Arbeit und Mühen. Der Test ist bei mir nach 20 Min. in Stable übergegangen. Das war jetzt echt easy. Scheint auch etwas flotter zu sein.

[setstate]

Bei mir gibt's auch nach dem Update immer noch den js 791 Fehler.

791
Dann hast du noch eine alte Version.
Aktuell ist auf Zeile 791 das

Code Auswählen Erweitern

        }

[Waldmensch]

habe grad mal ein update gemacht um an den websocket zu kommen. Natürlich hat es alles zerschossen. Ich kriege haufenweise diese Fehlermeldungen:

me.checkHide is not a function aus Label und Button Plugin. Resultat ist dann wahrscheinlich ein unvollständig geladenes UI was mir die Toaster s. Screenshot wirft

Code Auswählen Erweitern


ate Pending Update done in 1
fhem-tablet-ui.js:1557 dynamic load done:lib/fa-multi-button.min.js
fhem-tablet-ui.js:1557 Loaded plugin: famultibutton
fhem-tablet-ui.js:1557 Try to init plugin: switch
widget_famultibutton.js:486 Uncaught TypeError: me.checkHide is not a function
    at HTMLDivElement.<anonymous> (http://192.168.178.46:8083/fhem/ftui/js/widget_famultibutton.js:486:28)
    at Function.each (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:2975)
    at m.fn.init.each (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:835)
    at Object.update (http://192.168.178.46:8083/fhem/ftui/js/widget_famultibutton.js:459:14)
    at Object.<anonymous> (http://192.168.178.46:8083/fhem/ftui/js/fhem-tablet-ui.js:1160:40)
    at j (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:27295)
    at Object.fireWith [as resolveWith] (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:28108)
    at Object.e.(anonymous function) [as resolve] (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:29088)
    at Object.<anonymous> (http://192.168.178.46:8083/fhem/ftui/js/fhem-tablet-ui.js:1169:34)
    at j (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:27295)
(anonymous) @ widget_famultibutton.js:486
each @ jquery.min.js:2
each @ jquery.min.js:2
update @ widget_famultibutton.js:459
(anonymous) @ fhem-tablet-ui.js:1160
j @ jquery.min.js:2
fireWith @ jquery.min.js:2
e.(anonymous function) @ jquery.min.js:2
(anonymous) @ fhem-tablet-ui.js:1169
j @ jquery.min.js:2
fireWith @ jquery.min.js:2
e.(anonymous function) @ jquery.min.js:2
script.onload @ fhem-tablet-ui.js:1195
fhem-tablet-ui.js:1557 dynamic load done:lib/fa-multi-button.min.js
fhem-tablet-ui.js:1557 Loaded plugin: famultibutton
fhem-tablet-ui.js:1557 Try to init plugin: symbol
widget_famultibutton.js:486 Uncaught TypeError: me.checkHide is not a function
    at HTMLDivElement.<anonymous> (http://192.168.178.46:8083/fhem/ftui/js/widget_famultibutton.js:486:28)
    at Function.each (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:2975)
    at m.fn.init.each (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:835)
    at Object.update (http://192.168.178.46:8083/fhem/ftui/js/widget_famultibutton.js:459:14)
    at Object.<anonymous> (http://192.168.178.46:8083/fhem/ftui/js/fhem-tablet-ui.js:1160:40)
    at j (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:27295)
    at Object.fireWith [as resolveWith] (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:28108)
    at Object.e.(anonymous function) [as resolve] (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:29088)
    at Object.<anonymous> (http://192.168.178.46:8083/fhem/ftui/js/fhem-tablet-ui.js:1169:34)
    at j (http://192.168.178.46:8083/fhem/pgm2/jquery.min.js:2:27295)
(anonymous) @ widget_famultibutton.js:486
each @ jquery.min.js:2
each @ jquery.min.js:2
update @ widget_famultibutton.js:459
(anonymous) @ fhem-tablet-ui.js:1160
j @ jquery.min.js:2
fireWith @ jquery.min.js:2
e.(anonymous function) @ jquery.min.js:2
(anonymous) @ fhem-tablet-ui.js:1169
j @ jquery.min.js:2
fireWith @ jquery.min.js:2
e.(anonymous function) @ jquery.min.js:2
script.onload @ fhem-tablet-ui.js:1195
fhem-tablet-ui.js:1206 --------- start healthCheck --------------
fhem-tablet-ui.js:1207 now: Tue Feb 14 2017 19:35:19 GMT+0100 (Mitteleuropäische Zeit)
fhem-tablet-ui.js:1208 FTUI version: 2.6.2
fhem-tablet-ui.js:1209 Longpoll: true
fhem-tablet-ui.js:1210 Longpoll type: websocket
fhem-tablet-ui.js:1211 Longpoll objects there: false
fhem-tablet-ui.js:1212 Longpoll curent line: 0
fhem-tablet-ui.js:1213 Longpoll last event before: 17180 Tag(e) 19 Stunde(n) 35 Minute(n) 19 Sekunde(n)
fhem-tablet-ui.js:1214 Longpoll last reading uodate before: 17180 Tag(e) 19 Stunde(n) 35 Minute(n) 19 Sekunde(n)
fhem-tablet-ui.js:1215 Shortpoll interval: 30
fhem-tablet-ui.js:1216 Shortpoll last run before: 17211 Tag(e) 18 Stunde(n) 35 Minute(n) 19 Sekunde(n)
fhem-tablet-ui.js:1217 FHEM dev/par count: 0
fhem-tablet-ui.js:1218 FTUI known devices count: 27
fhem-tablet-ui.js:1219 Page length: 122987
fhem-tablet-ui.js:1220 Widgets count: 118
fhem-tablet-ui.js:1221 --------- end healthCheck ---------------
fhem-tablet-ui.js:1557 No longpoll event since 1484422519.076secondes -> restart polling
fhem-tablet-ui.js:1557 start shortpoll in (ms):1000
fhem-tablet-ui.js:1557 FTUI is online
fhem-tablet-ui.js:1557 start shortpoll
fhem-tablet-ui.js:687 Uncaught TypeError: Cannot read property 'length' of undefined
    at Object.shortPoll (fhem-tablet-ui.js:687)
    at fhem-tablet-ui.js:656
shortPoll @ fhem-tablet-ui.js:687
(anonymous) @ fhem-tablet-ui.js:656


list WEB

Code Auswählen Erweitern

Internals:
   CONNECTS   15
   DEF        8083 global
   FD         6
   NAME       WEB
   NR         10
   NTFY_ORDER 50-WEB
   PORT       8083
   STATE      Initialized
   TYPE       FHEMWEB
Attributes:
   JavaScripts codemirror/fhem_codemirror.js
   confirmDelete 0
   longpoll   websocket
   stylesheetPrefix dark


index.html

Code Auswählen Erweitern

<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * Just another dashboard for FHEM
     *
     * Version: 1.4.4
     * 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="118">
    <meta name="widget_base_height" content="143">

    <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="websocket"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="debug" content="6"> <!-- verbose level 1-6 = output to console;0 = not output -->
    <meta http-equiv="Cache-Control" content="no-store" />
<!--
    <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="lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />
    <link rel="stylesheet" href="lib/jquery.toast.min.css" />

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="/fhem/tablet/css/fhem-green-ui.css" / -->
    <!--<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css" />-->
<!--
    <script src="/fhem/pgm2/jquery.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.toast.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.gridster.min.js" defer></script>
    <script src="/fhem/tablet/js/fhem-tablet-ui.min.js" defer></script>
-->
    <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="/fhem/pgm2/cordova-2.3.0.js" defer></script>
    <script src="/fhem/pgm2/webviewcontrol.js" defer></script>
    <!-- End for WebViewControl -->

    <title>FHEM-Tablet-UI</title>


</head>
<body>

<div class="gridster">

<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
<header>Tanken</header>
<!--<div
data-type="symbol"
data-device="dummy1"
data-icons='["fa-arrow-up","fa-arrow-right","fa-arrow-down"]'
data-on-colors='["#32a054","#6666cc","#ad3333"]'
data-get-on='["Wert1","Wert2","Wert3"]'
class="blink">
</div>-->
<div
data-type="label"
class="left small top-space ">&nbsp;&nbsp;Diesel
</div>
<div
data-type="label"
data-device="Jet"
data-get="Diesel"
data-unit=" &euro;"
class="cell big ">Status
</div>
<div
data-type="label"
class="left small ">&nbsp;&nbsp;Super
</div>
<div
data-type="label"
data-device="Jet"
data-get="SuperE5"
data-unit=" &euro;"
class="cell big ">Status
</div>-
</li>

<li data-row="2" data-col="1" data-sizex="1" data-sizey="4">
<header>Wetter</header>
<div
data-type="label"
data-device="OG.te.WE.Temperatur"
data-part="2"
data-limits='[-73,10,23]'
data-colors='["#6699FF","#AA6900","#FF0000"]'
data-unit="%B0C%0A"
class="cell big thin top-space">
</div>
<div
data-type="simplechart"
data-device="OG.te.WE.Temperatur"
data-logdevice="logdb"
data-columnspec="OG.te.WE.Temperatur:temperature:::"
data-minvalue="-10"
data-maxvalue="35"
data-height="60"
data-width="90"
class="noticks">
</div>
<div
data-type="label"
data-device="OG.te.WE.Temperatur"
data-part="5"
data-unit="%"
class="cell big thin">
</div>
<div
data-type="simplechart"
data-device="OG.te.WE.Temperatur"
data-logdevice="logdb"
data-columnspec="OG.te.WE.Temperatur:humidity:::"
data-minvalue="0"
data-maxvalue="100"
data-height="60"
data-width="90"
class="noticks">
</div>
<header class="top-space">Heute</header>

<div data-type="popup" data-width="850px" class="inline">
<div
data-type="weather"
data-device="Forecast"
data-get="fc1_condition"
data-imageset="kleinklima"
class="centered">
</div>
<div class="dialog">
<header class="top-space">Wetter Vorhersage</header>
<table>
<tr>
<td>
<div class="left">
<div data-type="label" data-device="Forecast" data-get="fc1_day_of_week" class="centered large top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc1_date" class="centered small top-space"></div>
<div data-type="weather" data-device="Forecast" data-get="fc1_condition" data-imageset="kleinklima" class="centered top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc1_condition" class="centered small"></div>
<div class="centered">
<div data-type="label" data-device="Forecast" data-get="fc1_low_c" data-unit="%B0C%0A" class="left large right-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc1_high_c" data-unit="%B0C%0A" class="right large left-space"></div>
</div>
</div>
</td>
<td>
<div class="left">
<div data-type="label" data-device="Forecast" data-get="fc2_day_of_week" class="centered large top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc2_date" class="centered small top-space"></div>
<div data-type="weather" data-device="Forecast" data-get="fc2_condition" data-imageset="kleinklima" class="centered top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc2_condition" class="centered small"></div>
<div class="centered">
<div data-type="label" data-device="Forecast" data-get="fc2_low_c" data-unit="%B0C%0A" class="left large right-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc2_high_c" data-unit="%B0C%0A" class="right large left-space"></div>
</div>
</div>
</td>
<td>
<div class="left">
<div data-type="label" data-device="Forecast" data-get="fc3_day_of_week" class="centered large top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc3_date" class="centered small top-space"></div>
<div data-type="weather" data-device="Forecast" data-get="fc3_condition" data-imageset="kleinklima" class="centered top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc3_condition" class="centered small"></div>
<div class="centered">
<div data-type="label" data-device="Forecast" data-get="fc3_low_c" data-unit="%B0C%0A" class="left large right-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc3_high_c" data-unit="%B0C%0A" class="right large left-space"></div>
</div>
</div>
</td>
<td>
<div class="left">
<div data-type="label" data-device="Forecast" data-get="fc4_day_of_week" class="centered large top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc4_date" class="centered small top-space"></div>
<div data-type="weather" data-device="Forecast" data-get="fc4_condition" data-imageset="kleinklima" class="centered top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc4_condition" class="centered small"></div>
<div class="centered">
<div data-type="label" data-device="Forecast" data-get="fc4_low_c" data-unit="%B0C%0A" class="left large right-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc4_high_c" data-unit="%B0C%0A" class="right large left-space"></div>
</div>
</div>
</td>
<td>
<div class="left">
<div data-type="label" data-device="Forecast" data-get="fc5_day_of_week" class="centered large top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc5_date" class="centered small top-space"></div>
<div data-type="weather" data-device="Forecast" data-get="fc5_condition" data-imageset="kleinklima" class="centered top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc5_condition" class="centered small"></div>
<div class="centered">
<div data-type="label" data-device="Forecast" data-get="fc5_low_c" data-unit="%B0C%0A" class="left large right-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc5_high_c" data-unit="%B0C%0A" class="right large left-space"></div>
</div>
</div>
</td>
<td>
<div class="left">
<div data-type="label" data-device="Forecast" data-get="fc6_day_of_week" class="centered large top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc6_date" class="centered small top-space"></div>
<div data-type="weather" data-device="Forecast" data-get="fc6_condition" data-imageset="kleinklima" class="centered top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc6_condition" class="centered small"></div>
<div class="centered">
<div data-type="label" data-device="Forecast" data-get="fc6_low_c" data-unit="%B0C%0A" class="left large right-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc6_high_c" data-unit="%B0C%0A" class="right large left-space"></div>
</div>
</div>
</td>
<td>
<div class="left">
<div data-type="label" data-device="Forecast" data-get="fc7_day_of_week" class="centered large top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc7_date" class="centered small top-space"></div>
<div data-type="weather" data-device="Forecast" data-get="fc7_condition" data-imageset="kleinklima" class="centered top-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc7_condition" class="centered small"></div>
<div class="centered">
<div data-type="label" data-device="Forecast" data-get="fc7_low_c" data-unit="%B0C%0A" class="left large right-space"></div>
<div data-type="label" data-device="Forecast" data-get="fc7_high_c" data-unit="%B0C%0A" class="right large left-space"></div>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
<div
data-type="label"
data-device="Forecast"
data-get="fc1_high_c"
data-unit="%B0C%0A"
class="centered large">
</div>
<header class="top-space">Wind</header>
<!-- <div data-type="wind_direction"
data-device="Forecast"
data-direction="wind_direction"
data-speed="wind_speed"
data-calm="-"
data-size="100"
data-tickstep="45"
data-angleoffset="0"
class ="top-space">
</div>
--> </li>

<li data-row="1" data-col="2" data-sizex="2" data-sizey="1">
<header>BAD</header>
<div
data-type="thermostat"
data-device="OG.bz.HZ.Thermostat"
data-valve="actuator_"
class="cell left">
</div>
<div class="cell right">
<div
data-type="symbol"
data-device="BadFenster"
data-get-on="Open"
data-get-off="Closed"
data-on-color="#00CED1"
class="narrow">
</div>
<div
data-type="label"
class="narrow darker small">Fenster
</div>
</div>
</li>

<li data-row="1" data-col="3" data-sizex="2" data-sizey="1">
<header>SCHLAFZIMMER</header>
<div
data-type="thermostat"
data-device="OG.sz.HZ.Thermostat"
data-valve="actuator_"
class="cell left">
</div>
<div class="cell right">
<div
data-type="symbol"
data-device="OG.sz.TK.Schlafzimmerfenster"
data-get-on="Open"
data-get-off="Closed"
data-on-color="#00CED1"
class="narrow">
</div>
<div
data-type="label"
class="narrow darker small">Fenster
</div>
</div>
</li>

<li data-row="1" data-col="6" data-sizex="2" data-sizey="1">
<header>KINDERZIMMER</header>
<div
data-type="thermostat"
data-device="OG.kz.HZ.Thermostat"
data-valve="actuator_"
class="cell left">
</div>
<div class="cell right">
<div
data-type="symbol"
data-device="OG.kz.TK.Kinderzimmertuer"
data-get-on="Open"
data-get-off="Closed"
data-on-color="#00CED1"
class="narrow">
</div>
<div
data-type="label"
class="narrow darker small">Fenster
</div>
</div>
</li>

<li data-row="1" data-col="8" data-sizex="1" data-sizey="2">
<header>TV K&uuml;che</header>
<div
data-type="switch"
data-device="ESPEasy_sonoff_9_S_Schalter"
data-icon="fa-television"
class="cell">
</div>
<div
data-type="label"
class="cell">TV
</div>
<div
data-type="switch"
data-device="ESPEasy_sonoff_4_Schalter"
class="cell" >
</div>
<div
data-type="label"
class="cell">K&uuml;che LED
</div>
</li>

<li data-row="2" data-col="2" data-sizex="2" data-sizey="1">
<header>K&Uuml;CHE</header>
<div
data-type="thermostat"
data-device="OG.ku.HZ.Thermostat"
data-valve="actuator_"
class="cell left">
</div>
<div class="cell right">
<div
data-type="symbol"
data-device="OG.ku.TK.Terassentuer"
data-get-on="Open"
data-get-off="Closed"
data-on-color="#00CED1"
class="narrow">
</div>
<div
data-type="label"
class="narrow darker small">Terrasse
</div>
<div
data-type="symbol"
data-device="OG.ku.TK.Eingangstuer"
data-get-on="Open"
data-get-off="Closed"
data-on-color="#00CED1"
class="narrow">
</div>
<div
data-type="label"
class="narrow darker small">Eingang
</div>
</div>
</li>

<li data-row="2" data-col="4" data-sizex="2" data-sizey="1">
<header>WOHNZIMMER</header>
<div
data-type="thermostat"
data-device="OG.wz.HZ.Thermostat"
data-valve="actuator_"
class="cell left">
</div>
<div class="cell right">
<div
data-type="symbol"
data-device="OG.wz.TK.Wohnzimmerfenster"
data-get-on="Open"
data-get-off="Closed"
data-on-color="#00CED1"
data-get="Window"
class="narrow" >
</div>
<div
data-type="label"
class="narrow darker small">Fenster
</div>
</div>
</li>

<li data-row="2" data-col="6" data-sizex="2" data-sizey="1">
<header>FLUR</header>
<div
data-type="thermostat"
data-device="OG.fl.HZ.Thermostat"
data-valve="actuator_"
class="cell left">
</div>
<div class="cell right">
<div
data-type="symbol"
data-device="OG.wz.TK.Wohnzimmerfenster"
class="narrow">
</div>
<div
data-type="label"
class="narrow darker small">Fenster
</div>
</div>
</li>

<li data-row="4" data-col="2" data-sizex="2" data-sizey="2">
<header>HOMESTATUS</header>
<div
data-type="homestatus"
data-device='rr_Tommy'
data-version=''
data-get-on='["home","asleep","absent","gone"]'
data-alias='["Home","Night","Away","Holiday"]'
data-icons='["fa-home","fa-bed","fa-car","fa-suitcase"]'
class="top-space-2x" >
</div>
</li>

<li data-row="4" data-col="4" data-sizex="2" data-sizey="2">
<header>WOHNZIMMER</header>

<div class="right top-space-2 right-space">
<div class="inline">
<div
data-type="label"
data-device="OG.fl.WE.Temperatur"
data-get="temperature"
data-limits='[-73,19,23]'
data-colors='["#6699FF","#aa6900","#bb6242"]'
data-unit="%B0C%0A"
class="big thin"></div>
<div
data-type="label"
class="cell">Temperatur</div>
</div>
<div class="inline">
<div
data-type="label"
data-device="OG.fl.WE.Temperatur"
data-fix="0"
data-part="5"
data-limits='[0,40,60]'
data-colors='["#bb6242","#aa6900","#bb6242"]'
data-unit="%"
class="big thin"></div>
<div
data-type="label"
class="cell">Luftfeuchte</div>
</div>
<div class="cell">
<div data-type="popup" data-width="450px" class="inline top-space">
<div data-type="simplechart"
data-device="OG.fl.WE.Temperatur"
data-logdevice="logdb"
data-columnspec="OG.fl.WE.Temperatur:temperature:::"
data-minvalue="15"
data-maxvalue="25"
data-height="60"
data-width="90"
class="noticks">
</div>
<div class="dialog">
<header>TEMPERATURE</header>
<div
data-type="simplechart"
data-device="OG.fl.WE.Temperatur"
data-logdevice="logdb"
data-columnspec="OG.fl.WE.Temperatur:temperature:::"
data-minvalue="15"
data-maxvalue="25"
data-yticks="2"
data-height="250">
</div>
</div>
</div>
<div data-type="popup" data-width="450px" class="inline">
<div
data-type="simplechart"
data-device="OG.fl.WE.Temperatur"
data-logdevice="logdb"
data-columnspec="OG.fl.WE.Temperatur:humidity:::"
data-minvalue="0"
data-maxvalue="100"
data-height="60"
data-width="90"
class="noticks">
</div>
<div class="dialog">
<header>HUMIDITY</header>
<div
data-type="simplechart"
data-device="OG.fl.WE.Temperatur"
data-logdevice="logdb"
data-columnspec="OG.fl.WE.Temperatur:humidity:::"
data-minvalue="0"
data-maxvalue="100"
data-yticks="20"
data-height="250">
</div>
</div>
</div>
</div>
</div>
</li>

<li data-row="4" data-col="6" data-sizex="2" data-sizey="2">
<header>LICHTER</header>

<div class="left left-space">
<div data-type="switch" data-device="ESPEasy_sonoff_2_Schalter" class="cell"></div><div data-type="label" class="">Hinterhof</div>
<div data-type="switch" data-device="ESPEasy_sonoff_12_T_Schalter" class="top-space" ></div><div data-type="label" class="">Terrasse</div>
<div data-type="switch" data-device="ESPEasy_sonoff_6_Schalter" class="top-space" ></div><div data-type="label" class="">Bad</div>
</div>

<div class="left ">
<div data-type="switch" data-device="ESPEasy_sonoff_3_Schalter" class="cell"></div><div data-type="label" class="">Hinterhof 2</div>
<div data-type="switch" data-device="ESPEasy_sonoff_8_S_Schalter" class="top-space" ></div><div data-type="label" class="">Terr. LED</div>
<div data-type="switch" data-device="" class="top-space" ></div><div data-type="label" class="">xxx</div>
</div>

<div class="left">
<div data-type="switch" data-device="ESPEasy_sonoff_1_Schalter" class="cell"></div><div data-type="label" class="">Vorderhof</div>
<div data-type="switch" data-device="ESPEasy_sonoff_5_Schalter" class="top-space"></div><div data-type="label" class="">Treppenhaus</div>
<div data-type="switch" data-device="" class="top-space" ></div><div data-type="label" class="">xxx</div>
</div>

</li>
<li data-row="5" data-col="2" data-sizex="2" data-sizey="1">
<header>PV</header>
<div data-type ="symbol"
data-device ="Wechselrichter1"
data-limits='[0,500]'
data-on-colors='["red","green"]'
data-get="FeedIN"
data-icons='["fa-heart","fa-heart blink"]'
data-get-on='["0","2"]'
class="big right"></div>
<div data-type="label"
data-device="Wechselrichter1"
data-get="SPOT_PACTOT"
data-limits='[0,3000,5000]'
data-colors='["#6699FF","#AA6900","#FF0000"]'
data-unit=" W Generator"
class="cell big "></div>
<div data-type="label"
data-device="FS20_EVU_Leistung"
data-get="raw"
data-limits='[0,3000,5000]'
data-colors='["#6699FF","#AA6900","#FF0000"]'
data-unit=" W Verbrauch"
class="cell big ">
</div>
</li>

<li data-row="5" data-col="4" data-sizex="4" data-sizey="1">
<!--<div
data-type="chart"
data-device ="MySHM"
data-logdevice='["logdb","logdb","MySHM"]'
data-columnspec='["MySHM:PV:::","MySHM:TotalConsumption:::","TotalConsumption"]'
data-style='["ftui l0","ftui l2fill", "ftui l0"]'
data-minvalue="auto"
data-maxvalue="auto"
data-height="125"
data-width="450"
class="noticks nobuttons">
</div>-->
<div
data-type="chart"
data-device ="FS20_EVU_Leistung"
data-logdevice='["logdb","logdb","FS20_EVU_Leistung"]'
data-columnspec='["FS20_EVU_Leistung:raw:::","Wechselrichter1:SPOT_PACTOT:::","raw"]'
data-style='["ftui l2fill","ftui l1fill","ftui l1fill"]'
data-minvalue="0"
data-maxvalue="10000"
data-height="125"
data-width="490"
class="nobuttons">
</div>
</li>

<li data-row="3" data-col="8" data-sizex="1" data-sizey="3">
<header>ABFALL</header>
<div class="cell centered">
<div class="centered">
<div
data-type="symbol"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A"
data-on-background-color="#7A7A7A"
data-device="abfall_GelberSack"
data-off-color="#E6E600"
data-get="alarm"
data-get-on='["off","warn|done","blink"]'
data-icons='["fa-recycle","fa-recycle warn","fa-recycle warn blink"]'
data-fhem-cmd="setreading abfall_GelberSack alarm done"
data-on-colors='["#E6E600","#E6E600","#E6E600"]'
class="big centered ">
</div>
</div>
<div
data-type="label"
data-device="abfall_GelberSack"
class="cell">
</div>
</div>
<div class="centered top-space">
<div
data-type="symbol"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A"
data-on-background-color="#7A7A7A"
data-device="abfall_Bio"
data-off-color="green"
data-get="alarm"
data-get-on='["off","warn|done","blink"]'
data-icons='["fa-trash","fa-trash warn","fa-trash warn blink"]'
data-fhem-cmd="setreading abfall_Bio alarm done"
data-on-colors='["green","green","green"]'
class="big">
</div>
<div
data-type="label"
data-device="abfall_Bio"
class="cell centered">
</div>
</div>
<div class="centered top-space">
<div
data-type="symbol"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A"
data-on-background-color="#7A7A7A"
data-device="abfall_Papier"
data-off-color="blue"
data-get="alarm"
data-get-on='["off","warn|done","blink"]'
data-icons='["fa-trash","fa-trash warn","fa-trash warn blink"]'
data-fhem-cmd="setreading abfall_Papier alarm done"
data-on-colors='["blue","blue","blue"]'
class="big">
</div>
<div
data-type="label"
data-device="abfall_Papier"
class="cell centered">
</div>
</div>
<div class="centered top-space">
<div
data-type="symbol"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A"
data-on-background-color="#7A7A7A"
data-device="abfall_Restmuell"
data-off-color="grey"
data-get="alarm"
data-get-on='["off","warn|done","blink"]'
data-icons='["fa-trash","fa-trash warn","fa-trash warn blink"]'
data-fhem-cmd="setreading abfall_Restmuell alarm done"
data-on-colors='["gray","gray","gray"]'
class="big">
</div>
<div
data-type="label"
data-device="abfall_Restmuell"
class="cell centered">
</div>
</div>
</div>
</li>
</ul>
</div>
</body>
</html>


[setstate]

eventuell Cache löschen ? oder die Pfade im Header überprüfen, ob alles auf die gleiche Stelle zeigen. Nicht, dass alt mit neu gemixt wird.

[Waldmensch]

ich habe meine komplette Index oben noch mit reingekippt. Da ist viel auskommentiert, evtl mal in einen Editor mit highliter kippen. Bis vor dem Update hat die Index so funktioniert. Mein Pfad ist /media/usbdisk/fhem/www/tablet

Cache habe ich im Chrome gelöscht, bringt nichts

[Waldmensch]

Das betrifft alle labels die ein data-device haben. Firefox und chrome bringen dieselben fehler

[paul79]

Hallo Waldmensch,

ich habe mal deine index.html bei mir getestet und oben links beim Tanken meine device eingetragen und es läuft ohne Fehler.

Das einzige was mir aufgefallen ist es heißt glaube ich ="longpoll_type" und nicht mehr nur "longpoll".

<meta name="longpoll_type" content="websocket">

Gruß Paul

[Waldmensch]

kann mein jquery in /pgm2/ zu alt sein? das ist von Februar 2016 (Dateidatum)