Hallo,
ich stelle gerade meine Oberfläche etwas um und verwende in der index.html data-template um meinen Menürahmen darzustellen. Nachdem ich heute ein Update gemacht habe, flippt das hier total. Es wird immer und immer wieder die Startseite neu geladen. Meine Erkenntnis ist, sobald ich in der index.html mehr als ein data-template habe, wird die Seite endlos geladen. Mit nur einem data-template geht es. Aber wie gesagt, erst nach dem Update heute. Vorher hatte ich 5 data-templates gesetzt und das hat wunderbar funktioniert.
</head>
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="2" data-template="home.html"></li>
<li data-row="1" data-col="2" data-sizex="6" data-sizey="2" data-template="top.html"></li>
</ul>
</div>
</body>
</html>
Hat jemand eine Idee woran das jetzt liegen könnte?
Nachtrag: Könnte mit dem hier zusammenhängen: https://forum.fhem.de/index.php/topic,82478.msg745727.html#msg745727
Wie kann ich ein Rollback machen?
Zitat von: mrabdip am 11 Januar 2018, 14:00:49
Wie kann ich ein Rollback machen?
Durch ein vorhandenes Backup
Ja, ok war eine blöde Frage. Dachte, das ein Backup automatisch beim Update angelegt wird. Habs aber hinbekommen.
Zitat von: mrabdip am 11 Januar 2018, 14:26:22
Ja, ok war eine blöde Frage. Dachte, das ein Backup automatisch beim Update angelegt wird. Habs aber hinbekommen.
Kommt auf deine Konfiguration innerhalb Fhem an. Es gibt ein global attribut (BackupBeforeUpdate), dies erstellt automatisch ein Backup vom kompletten Fhem Verzeichnis.
Zitat von: mrabdip am 11 Januar 2018, 14:00:49
Nachdem ich heute ein Update gemacht habe, flippt das hier total. Es wird immer und immer wieder die Startseite neu geladen. Meine Erkenntnis ist, sobald ich in der index.html mehr als ein data-template habe, wird die Seite endlos geladen. Mit nur einem data-template geht es. Aber wie gesagt, erst nach dem Update heute. Vorher hatte ich 5 data-templates gesetzt und das hat wunderbar funktioniert.
Das kann ich nicht nachvollziehen.
Ist in den Unterseiten ein Zirkelbezug?
... oder es hängt damit zusammen: https://forum.fhem.de/index.php/topic,81471.0.html (https://forum.fhem.de/index.php/topic,81471.0.html)
Ich habe ähnliches Problem, wenn ich Template im Template einsetzen möchte, aber es scheint hier sonst niemand das Problem zu haben oder zu kennen und zu testen... echt merkwürdig das ganze...
template in template klappt bei mir auch.
Mmmm
Minimal Header habt ihr mal versucht?
<head>
<script src="js/fhem-tablet-ui.min.js" defer></script>
<title>FHEM-Tablet-UI</title>
</head>
bei mir gibt es das selbe Problem seit dem Update, auch mit dem Minimal Header
Mit minimalheader dasselbe Problem > Chrome lastet CPU komplett aus (1 Core) und die UI reagiert total träge.
Template (2_rollaeden.html) wird über pagebutton eingebunden:
<div data-type="pagebutton" data-url="#2_rollaeden.html" data-load="#2_rollaeden"
data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="orange" data-on-color="#222222"
data-active-pattern=".*#2_rollaeden.html" data-icon="oa-fts_shutter_50" class="cell">
</div>
Im Template selbst wird das Template geladen (2_rollaeden_inc_kueche.html):
<li data-row="1" data-col="1" data-sizex="6" data-sizey="5">
<header><div data-type="label" class="medium orange">Küche</div></header>
<div data-type="include" data-url="2_rollaeden_inc_kueche.html"></div>
</li>
Das sieht dann so aus:
<div data-type="include" data-url="templates/template_shutters_v1.html" parameter='{"shutterDevice":"zw_Kueche_Rollo_FL"}'></div>
<div data-type="include" data-url="templates/template_shutters_v1.html" parameter='{"shutterDevice":"zw_Kueche_Rollo_FR"}'></div>
Die Datei (template_shutters_v1.html) sieht dann so aus:
<table align="center">
<tr valign="top">
<td rowspan="1" width="40%" align="center" valign="middle">
<div data-type="label" data-device="shutterDevice" data-get="alias" class="darker"></div>
</td>
<td rowspan="1" width="10%" align="center" valign="middle">
<div data-type="symbol" data-device="shutterDevice" data-get="statePosition" data-states='["9[0-9]","8[0-9]","7[0-9]","6[0-9]","5[0-9]","4[0-9]","3[0-9]","2[0-9]","1[0-9]","[1-9]","0"]'
data-icons='["oa-fts_window_2w","oa-fts_shutter_10","oa-fts_shutter_20","oa-fts_shutter_30","oa-fts_shutter_40","oa-fts_shutter_50","oa-fts_shutter_60","oa-fts_shutter_70","oa-fts_shutter_80","oa-fts_shutter_90","oa-fts_shutter_100"]'
data-colors='["green","#505050","#505050","#505050","#505050","#505050","#505050","#505050","#505050","yellow","green"]'
class=""></div>
</td>
<td rowspan="1" width="40%" align="center" valign="middle">
<div class="triplebox-h">
<div data-type="push" data-device="shutterDevice" data-icon="fa-chevron-up" data-background-icon="fa-square-o" data-set-on="on"
class=""></div>
<div data-type="push" data-device="shutterDevice" data-icon="fa-minus" data-background-icon="fa-square-o" data-set-on="stop"
class=""></div>
<div data-type="push" data-device="shutterDevice" data-icon="fa-chevron-down" data-background-icon="fa-square-o" data-set-on="off"
class=""></div>
</div>
</td>
<td rowspan="1" width="10%" align="center" valign="middle">
<div data-type="switch" data-device="shutterDevice" data-get="controlMode" data-set="controlMode" data-cmd="setreading" data-set-on="auto"
data-set-off="manual" data-states='["auto","manual"]' data-icons='["oa-time_automatic", "oa-time_manual_mode"]'
data-colors='["white", "white"]' data-background-colors='["bg-green", "bg-gray"]' class="inline small left-space-2x">
</div>
</td>
</tr>
</table>
bei mir machen folgende Zeilen Probleme:
<li data-row="1" data-col="1" data-sizex="2" data-sizey="18" data-template="inc_nav_left.html" class="semitransparent"></li>
<li data-row="1" data-col="21" data-sizex="2" data-sizey="18" data-template="inc_nav_right.html" class="semitransparent"></li>
<li data-row="1" data-col="3" data-sizex="18" data-sizey="2" data-template="inc_nav_top.html" class="semitransparent"></li>
<li data-row="17" data-col="3" data-sizex="18" data-sizey="2" data-template="inc_nav_bottom.html" class="semitransparent"></li>
als Beispiel hier eine HTML:
<div class="sheet">
<div class="row">
<div class="cell" align="center" style="padding:0px">
<!--<div style="color: #aa6900;font-size:350%;" data-type="clock" data-format="H:i" class="cell"><>-->
<div style="color: #aa6900;font-size:350%;" data-type="clock" data-format="H" class="cell"><>
<div style="color: #aa6900;font-size:350%;" data-type="clock" data-format="i" class="cell"><>
<div style="margin-top:-10px !important;" data-type="clock" data-format="d.m" class="big"><>
<!--<>
<>
<div class="row">
<div class="cell" align="center">-->
<div data-type="pagetab" data-url="index.html" data-icon="fa-home" data-on-background-color="#aa6900" class="big"><>
<!--<>
<>
<div class="row">
<div class="cell" align="center">-->
<div style="margin-top:-15px !important;" data-type="pagetab" data-url="site_heating.html" data-icon="oa-sani_heating" data-on-background-color="#aa6900" class="big"><>
<!--<>
<>
<div class="row">
<div class="cell" align="center">-->
<div style="margin-top:-15px !important;" data-type="pagetab" data-url="site_car.html" data-icon="fa-car" data-on-background-color="#aa6900" class="big"><>
<!--<>
<>
<div class="row">
<div class="cell" align="center">-->
<div style="margin-top:-15px !important;" data-type="pagetab" data-url="site_music.html" data-icon="fa-music" data-on-background-color="#aa6900" class="big"><>
<!--<>
<>
<div class="row">
<div class="cell" align="center">-->
<div style="margin-top:-15px !important;" data-type="pagetab" data-url="site_tv.html" data-icon="fa-television" data-on-background-color="#aa6900" class="big"><>
<!--<>
<>
<div class="row">
<div class="cell" align="center">-->
<div style="margin-top:-15px !important;" data-type="pagetab" data-url="site_weather.html" data-icon="oa-weather_cloudy" data-on-background-color="#aa6900" class="big"><>
<!--<>
<>
<div class="row">
<div class="cell" align="center">-->
<div style="margin-top:-15px !important;" data-type="pagetab" data-url="site_lights.html" data-icon="fa-lightbulb-o" data-on-background-color="#aa6900" class="big"><>
<!--<>
<>
<div class="row">
<div class="cell" align="center">-->
<div style="margin-top:-15px !important;" data-type="pagetab" data-url="site_webcams.html" data-icon="fa-video-camera" data-on-background-color="#aa6900" class="big"><>
<!--<>
<>
<div class="row">
<div class="cell" align="center">-->
<div style="margin-top:-15px !important;" data-type="pagetab" data-url="site_birds.html" data-icon="fa-heart" data-on-background-color="#aa6900" class="big"><>
<>
<>
<>
1. was sind das für leere Tags?
<!--<>
<>
Das Template muss auch ein valides HTML Dokument sein. Bitte dies hier als Vorlage benutzen:
<!DOCTYPE html>
<html>
<title></title>
<head></head>
<body>
<!-- Place your content here -->
</body>
</html>
2. Einen Pagebutton bitte mit class="default" definieren
ZitatDas Template muss auch ein valides HTML Dokument sein. Bitte dies hier als Vorlage benutzen:
Habe getestet - bringt nichts, CPU geht immer noch auf max. sobald ich die Page anklicke und der Frame wo das Template erscheinen soll bleibt leer...
Auch ich habe nun alle Vorschläge geprüft (valides HTML, class default). Keine Veränderung.
Die Seite wird so schnell immer wieder erneut geladen, sodass es aussieht als wäre die Seite leer.
Zitat von: setstate am 11 Januar 2018, 20:56:18
1. was sind das für leere Tags?
<!--<>
<>
Das Template muss auch ein valides HTML Dokument sein. Bitte dies hier als Vorlage benutzen:
<!DOCTYPE html>
<html>
<title></title>
<head></head>
<body>
<!-- Place your content here -->
</body>
</html>
2. Einen Pagebutton bitte mit class="default" definieren
die leeren Tags entstehen erst hier im Forum, das sind in real auskommentierte vollständige DIV's auf der Seite.
Die auskommentierten DIVs habe ich auch schon komplett entfernt -> keine Lösung
die validen Unterseiten bringen leider weiter Fehler
Ohne mehr Input oder einen Demonstrator habe ich auch keine Lösung mehr.
folgende Zeile hat Blödsinn generiert (in der index.html und in einer menueleiste.html:
<div data-type="pagetab" data-url="index.html" data-icon="fa-home" data-on-background-color="#aa6900" class="big">
Da wird wohl, wie du vermutest hast, ein Zirkelbezug entstanden sein.
ZitatDa wird wohl, wie du vermutest hast, ein Zirkelbezug entstanden sein.[
Dachte ich zuerst auch, da ich in meiner home.html wieder auf die index.html referenziert habe, allerdings nach dem abändern ist das Verhalten immer noch so.
Ich habe mir nun mal eine Test-UI gebaut. Nur mit der Seite index.html, in der werden die beiden Menüseiten (home.html und top.html) eingebunden. In jeder ist ein Pagetab
enthalten, der auf die jeweilige Seite verweist. (start.html und energie.html). Alles ganz einfache Seiten ohne Widgets und sowas.
Also index.html --> home.html --> Pagetab auf start.html
--> top.html --> Pagetab auf energie.html
Trotzdem erhalte ich meine Endlossschleife.
index.html:
<!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="166">
<meta name="widget_margin" content="2">
<meta name="widget_base_height" content="95">
<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="longpoll_maxage" content="0"> / -->
<!-- <meta name="longpoll_type" content="ajax"> / -->
<meta name="debug" content="0"> <!-- 1=output to console;0=no output -->
<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" />
<!-- 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>
<!-- 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="2" data-template="home.html"></li>
<li data-row="1" data-col="2" data-sizex="1" data-sizey="2" data-template="top.html"></li>
</ul>
</div>
</body>
</html>home.html:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="gridster">
<ul>
<header class="large">HOME</header>
<div data-type="pagetab"
data-url="start.html"
data-background-icon="fa-circle-thin"
data-on-background-color="#0040FF"
data-on-color="#808080"
data-off-color="#808080"
data-icon="fa-home"
class="default bigger top-space">
</div>
</ul>
</div>
</body>
</html>
top.html:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="gridster">
<ul>
<header class="large">TOP</header>
<div data-type="pagetab"
data-url="energie.html"
data-background-icon="fa-circle-thin"
data-on-background-color="#0040FF"
data-on-color="#808080"
data-off-color="#808080"
data-icon="fa-home"
class="default bigger top-space">
</div>
</ul>
</div>
</body>
</html>
start.html:
<!DOCTYPE html>
<html>
<head>
<title>Start</title>
</head>
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="2" data-template="home.html"></li>
<li data-row="1" data-col="2" data-sizex="1" data-sizey="2" data-template="top.html"></li>
</ul>
</div>
</body>
</html>
energie.html:
<!DOCTYPE html>
<html>
<head>
<title>Energie</title>
</head>
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="2" data-template="home.html"></li>
<li data-row="1" data-col="2" data-sizex="1" data-sizey="2" data-template="top.html"></li>
</ul>
</div>
</body>
</html>
[/quote]
Du hast eine doppelte Schleife
Die erste Endlos-Kette sieht so aus:
home > start > home > start > home > start usw.
die zweite ist top > energie > top > energie usw.
Oder ist das falsch reinkopiert?
Nein, sieht schon so aus. Oder ich sehe vor lauter testen den Wald nicht mehr. Ich dachte aber, dass ich in meinen Unterseiten, um meine "Menüleisten" anzuzeigen, die entsprechenden Seiten einbinden muss. Und zwar die, die ich in der index.html auch habe.
Habe mich dort orientiert, aber vielleicht verrannt? https://wiki.fhem.de/wiki/FTUI_Widget_Pagetab
Hi, anbei ein Log vom Firefox, vielleicht kannst Du mir anhand des Logs einen Tip geben.
Longpoll steht auf "websocket"
<meta name="longpoll" content="1">
<meta name='toast' content='0'>
<meta name="gridster_disable" content="1">
<meta name="debug" content="2">
Log:
Finished load plugin "datetimepicker" for area "[data-uuid="37dfa870-9ff8-48a0-a7a8-391476d8cde0"]"
fhem-tablet-ui.js:1902:13
Load plugin "spinner" for area "[data-uuid="37dfa870-9ff8-48a0-a7a8-391476d8cde0"]"
fhem-tablet-ui.js:1902:13
Start load plugin "spinner" for area "[data-uuid="37dfa870-9ff8-48a0-a7a8-391476d8cde0"]"
fhem-tablet-ui.js:1902:13
function depends_spinner not found (maybe ok)
fhem-tablet-ui.js:1902:13
Try to init plugin: spinner
fhem-tablet-ui.js:1902:13
init widget: name=spinner area=[data-uuid="37dfa870-9ff8-48a0-a7a8-391476d8cde0"]
fhem-tablet-ui.js:1902:13
Finished load plugin "spinner" for area "[data-uuid="37dfa870-9ff8-48a0-a7a8-391476d8cde0"]"
fhem-tablet-ui.js:1902:13
initWidgets - Done
fhem-tablet-ui.js:1902:13
initPage: 1169.32ms
fhem-tablet-ui.js:733:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
initPage - area=[data-uuid="7320ea74-764b-40b2-8acb-7bbc87a5a53c"]
fhem-tablet-ui.js:1902:13
initWidgets - area=[data-uuid="7320ea74-764b-40b2-8acb-7bbc87a5a53c"]
fhem-tablet-ui.js:1902:13
Load plugin "clock" for area "[data-uuid="7320ea74-764b-40b2-8acb-7bbc87a5a53c"]"
fhem-tablet-ui.js:1902:13
Start load plugin "clock" for area "[data-uuid="7320ea74-764b-40b2-8acb-7bbc87a5a53c"]"
fhem-tablet-ui.js:1902:13
function depends_clock not found (maybe ok)
fhem-tablet-ui.js:1902:13
Try to init plugin: clock
fhem-tablet-ui.js:1902:13
init widget: name=clock area=[data-uuid="7320ea74-764b-40b2-8acb-7bbc87a5a53c"]
fhem-tablet-ui.js:1902:13
Finished load plugin "clock" for area "[data-uuid="7320ea74-764b-40b2-8acb-7bbc87a5a53c"]"
fhem-tablet-ui.js:1902:13
initWidgets - Done
fhem-tablet-ui.js:1902:13
initPage: 130.21ms
fhem-tablet-ui.js:733:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
initPage - area=[data-uuid="368c9e8c-ec9e-426b-b1ca-dc425ee78fe6"]
fhem-tablet-ui.js:1902:13
initWidgets - area=[data-uuid="368c9e8c-ec9e-426b-b1ca-dc425ee78fe6"]
fhem-tablet-ui.js:1902:13
Load plugin "switch" for area "[data-uuid="368c9e8c-ec9e-426b-b1ca-dc425ee78fe6"]"
fhem-tablet-ui.js:1902:13
Start load plugin "switch" for area "[data-uuid="368c9e8c-ec9e-426b-b1ca-dc425ee78fe6"]"
fhem-tablet-ui.js:1902:13
Try to init plugin: switch
fhem-tablet-ui.js:1902:13
Finished load plugin "switch" for area "[data-uuid="368c9e8c-ec9e-426b-b1ca-dc425ee78fe6"]"
fhem-tablet-ui.js:1902:13
Load plugin "label" for area "[data-uuid="368c9e8c-ec9e-426b-b1ca-dc425ee78fe6"]"
fhem-tablet-ui.js:1902:13
Start load plugin "label" for area "[data-uuid="368c9e8c-ec9e-426b-b1ca-dc425ee78fe6"]"
fhem-tablet-ui.js:1902:13
function depends_label not found (maybe ok)
fhem-tablet-ui.js:1902:13
Try to init plugin: label
fhem-tablet-ui.js:1902:13
init widget: name=label area=[data-uuid="368c9e8c-ec9e-426b-b1ca-dc425ee78fe6"]
fhem-tablet-ui.js:1902:13
Finished load plugin "label" for area "[data-uuid="368c9e8c-ec9e-426b-b1ca-dc425ee78fe6"]"
fhem-tablet-ui.js:1902:13
initWidgets - Done
fhem-tablet-ui.js:1902:13
initPage: 201.26ms
fhem-tablet-ui.js:733:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
initPage - area=[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]
fhem-tablet-ui.js:1902:13
initWidgets - area=[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]
fhem-tablet-ui.js:1902:13
Load plugin "label" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
Start load plugin "label" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
function depends_label not found (maybe ok)
fhem-tablet-ui.js:1902:13
Try to init plugin: label
fhem-tablet-ui.js:1902:13
init widget: name=label area=[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]
fhem-tablet-ui.js:1902:13
Finished load plugin "label" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
Load plugin "symbol" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
Start load plugin "symbol" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
Try to init plugin: symbol
fhem-tablet-ui.js:1902:13
Finished load plugin "symbol" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
Load plugin "push" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
Start load plugin "push" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
Try to init plugin: push
fhem-tablet-ui.js:1902:13
Finished load plugin "push" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
Load plugin "slider" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
Start load plugin "slider" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
Try to init plugin: slider
fhem-tablet-ui.js:1902:13
init widget: name=slider area=[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]
fhem-tablet-ui.js:1902:13
slider dev:zw_Terrace_Markiese par:statePosition changed to:0
fhem-tablet-ui.js:1902:13
Finished load plugin "slider" for area "[data-uuid="ac95caf9-d54b-4db6-8bf9-d1a3abdc5c72"]"
fhem-tablet-ui.js:1902:13
initWidgets - Done
fhem-tablet-ui.js:1902:13
initPage: 300.18ms
fhem-tablet-ui.js:733:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
initPage - area=[data-uuid="c1d3311f-16ab-4cac-8319-af7566c0dc85"]
fhem-tablet-ui.js:1902:13
initWidgets - area=[data-uuid="c1d3311f-16ab-4cac-8319-af7566c0dc85"]
fhem-tablet-ui.js:1902:13
Load plugin "symbol" for area "[data-uuid="c1d3311f-16ab-4cac-8319-af7566c0dc85"]"
fhem-tablet-ui.js:1902:13
Start load plugin "symbol" for area "[data-uuid="c1d3311f-16ab-4cac-8319-af7566c0dc85"]"
fhem-tablet-ui.js:1902:13
Try to init plugin: symbol
fhem-tablet-ui.js:1902:13
Finished load plugin "symbol" for area "[data-uuid="c1d3311f-16ab-4cac-8319-af7566c0dc85"]"
fhem-tablet-ui.js:1902:13
Load plugin "label" for area "[data-uuid="c1d3311f-16ab-4cac-8319-af7566c0dc85"]"
fhem-tablet-ui.js:1902:13
Start load plugin "label" for area "[data-uuid="c1d3311f-16ab-4cac-8319-af7566c0dc85"]"
fhem-tablet-ui.js:1902:13
function depends_label not found (maybe ok)
fhem-tablet-ui.js:1902:13
Try to init plugin: label
fhem-tablet-ui.js:1902:13
init widget: name=label area=[data-uuid="c1d3311f-16ab-4cac-8319-af7566c0dc85"]
fhem-tablet-ui.js:1902:13
Finished load plugin "label" for area "[data-uuid="c1d3311f-16ab-4cac-8319-af7566c0dc85"]"
fhem-tablet-ui.js:1902:13
initWidgets - Done
fhem-tablet-ui.js:1902:13
initPage: 198.39ms
fhem-tablet-ui.js:733:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
initPage - area=[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]
fhem-tablet-ui.js:1902:13
initWidgets - area=[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]
fhem-tablet-ui.js:1902:13
Load plugin "switch" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
Start load plugin "switch" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
Try to init plugin: switch
fhem-tablet-ui.js:1902:13
Finished load plugin "switch" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
Load plugin "label" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
Start load plugin "label" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
function depends_label not found (maybe ok)
fhem-tablet-ui.js:1902:13
Try to init plugin: label
fhem-tablet-ui.js:1902:13
init widget: name=label area=[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]
fhem-tablet-ui.js:1902:13
Finished load plugin "label" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
Load plugin "spinner" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
Start load plugin "spinner" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
function depends_spinner not found (maybe ok)
fhem-tablet-ui.js:1902:13
Try to init plugin: spinner
fhem-tablet-ui.js:1902:13
init widget: name=spinner area=[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]
fhem-tablet-ui.js:1902:13
Finished load plugin "spinner" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
Load plugin "datetimepicker" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
Start load plugin "datetimepicker" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
Start load plugin "label" for area "undefined"
fhem-tablet-ui.js:1902:13
function depends_label not found (maybe ok)
fhem-tablet-ui.js:1902:13
Finished load plugin "label" for area "undefined"
fhem-tablet-ui.js:1902:13
Try to init plugin: datetimepicker
fhem-tablet-ui.js:1902:13
Finished load plugin "datetimepicker" for area "[data-uuid="5b44f3c1-3ec8-4c11-b514-a73c8a856970"]"
fhem-tablet-ui.js:1902:13
initWidgets - Done
fhem-tablet-ui.js:1902:13
initPage: 784.86ms
fhem-tablet-ui.js:733:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
start shortpoll in (ms):500
fhem-tablet-ui.js:1902:13
restartLongpoll
fhem-tablet-ui.js:1902:13
stopLongpoll
fhem-tablet-ui.js:1902:13
initPage - area=[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]
fhem-tablet-ui.js:1902:13
initWidgets - area=[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]
fhem-tablet-ui.js:1902:13
Load plugin "switch" for area "[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]"
fhem-tablet-ui.js:1902:13
Start load plugin "switch" for area "[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]"
fhem-tablet-ui.js:1902:13
Try to init plugin: switch
fhem-tablet-ui.js:1902:13
Finished load plugin "switch" for area "[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]"
fhem-tablet-ui.js:1902:13
Load plugin "push" for area "[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]"
fhem-tablet-ui.js:1902:13
Start load plugin "push" for area "[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]"
fhem-tablet-ui.js:1902:13
Try to init plugin: push
fhem-tablet-ui.js:1902:13
Finished load plugin "push" for area "[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]"
fhem-tablet-ui.js:1902:13
Load plugin "label" for area "[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]"
fhem-tablet-ui.js:1902:13
Start load plugin "label" for area "[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]"
fhem-tablet-ui.js:1902:13
function depends_label not found (maybe ok)
fhem-tablet-ui.js:1902:13
Try to init plugin: label
fhem-tablet-ui.js:1902:13
init widget: name=label area=[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]
fhem-tablet-ui.js:1902:13
Finished load plugin "label" for area "[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]"
fhem-tablet-ui.js:1902:13
Load plugin "datetimepicker" for area "[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]"
fhem-tablet-ui.js:1902:13
Start load plugin "datetimepicker" for area "[data-uuid="1168d2c2-fb51-4d30-9365-0c941f1e7d67"]"
fhem-tablet-ui.js:1902:13
Start load plugin "label" for area "undefined"
fhem-tablet-ui.js:1902:13
function depends_label not found (maybe ok)
fhem-tablet-ui.js:1902:13
Finished load plugin "label" for area "undefined"
fhem-tablet-ui.js:1902:13
Try to init plugin: datetimepicker
fhem-tablet-ui.js:1902:13
Danke!
@mrandip: Schmeiss mal versuchsweise eines der beiden data-templates raus. Das war bei mir - nach den heute gemachten Updates von fhem und ftui - der Grund für ständige Reloads (https://forum.fhem.de/index.php/topic,82809.msg750872.html#msg750872)
Ich haben nun in meiner index.html die beiden data-templates drin (home.html und top.html, in denen sind jeweils ein pagetab (start.html und seite1.html)). In den beiden Seiten (start und seite1) habe ich nun nur noch ein data-template (egal ob home oder top). Die Seite flackert einmal kurz und dann ist Ruhe.
Kurz:
Also wenn in der pagetab-Zielseite nur ein data-template drin ist, geht es.
Sachichdoch!
ZitatSachichdoch!
Bringt mich aber leider dennoch nicht weiter ;D
Vor dem Update hat das noch funktioniert. Da hatte ich sogar 5 data-templates eingebunden :-\
Hi,
dann darf man doch einiges umbauen - warum nimmt man denn nicht einfach die Änderung mit dem "include" Widget nicht wieder heraus, mann kann das für den Widget doch getrennt implementieren, dann sind die data-templates davon nicht betroffen und man hat keine Seiteneffekte zu befürchten?
LG
Wäre auch ne Möglichkeit. Aber dann werden die Unsauberkeiten wieder verschleiert und es geht irgendwie zufällig.
https://wiki.fhem.de/wiki/FTUI_Widget_Pagetab
ZitatAlso wenn in der pagetab-Zielseite nur ein data-template drin ist, geht es.
Ok, das muss man sich merken! Ich probiere es mal mit dem Pagebutton aus.
Sieht Euch die letzten Posts aus https://forum.fhem.de/index.php/topic,82568.0/all.html#lastPost (https://forum.fhem.de/index.php/topic,82568.0/all.html#lastPost) an, momentan gibt es noch keine Lösung dafür, außer dass man auf das data-template verzichtet.
ich habe die alte template Variante wieder eingebaut. Damit sollte das Thema jetzt beendet sein
Hi,
ich habe es leider erst jetzt geschafft das ganze mit pagebutton zu testen. Folgendes kann ich VOR dem Update von setstate
Zitatich habe die alte template Variante wieder eingebaut. Damit sollte das Thema jetzt beendet sein
und NACH dem update beobachten:
- Performance ist wieder deutlich besser geworden
- Includes funktionieren (zumindest mit pagebutton) wie früher
Datei 1:
<div data-type="include" data-url="4_wohnen_inc_kueche.html"></div>
Datei 2:
<div data-type="include" data-url="templates/template_shutters_v1.html" data-parameter='{"par01":"zw_Kueche_Rollo_FL","par02":"Küchenfenster (links)"}'></div>
<div data-type="include" data-url="templates/template_shutters_v1.html" data-parameter='{"par01":"zw_Kueche_Rollo_FR","par02":"Küchenfenster (rechts)"}'></div>
@setstate Danke!!!
Ich kann bestätigen, dass es bei mir auch wieder funktioniert. Meine index.html mit 5 eingebundenen data-templates läuft wieder einwandfrei.
Vielen Dank!