Moin,
ich habe gerade in FHEM ein "Update all" und "Shutdown restart" gemacht. Seit dem funktioniert meine FTUI Oberfläche nicht mehr richtig, Pagetabs werden nicht angezeigt.
Kann es an dem Update liegen?
Schönes Wochenende
Hallo,
läuft bei mir ohne Probleme.
Viele Grüße
Jürgen.
PS.: Ohne Zusatzinfos (z.B. Update von nach) wird Dir keine helfen können.
ich habe mein "monatliches Update" gemacht, seit dem wird nur meine Menü-Datei, mit Layout-Fehlern gezeigt.
Der aktuelle Softwarestand ist:
Latest Revision: 23493
File Rev Last Change
fhem.pl 23471 2021-01-04 19:24:21Z rudolfkoenig
96_allowed.pm 23247 2020-11-28 10:44:57Z rudolfkoenig
90_at.pm 23280 2020-12-02 13:54:35Z rudolfkoenig
98_autocreate.pm 23006 2020-10-22 19:40:17Z rudolfkoenig
00_CUL.pm 21659 2020-04-13 10:08:36Z rudolfkoenig
10_CUL_HM.pm 23421 2020-12-26 15:11:46Z martinp876
98_dummy.pm 20665 2019-12-06 11:05:35Z rudolfkoenig
91_eventTypes.pm 23471 2021-01-04 19:24:21Z rudolfkoenig
72_FB_CALLLIST.pm 20355 2019-10-13 18:46:20Z markusbloch
72_FB_CALLMONITOR.pm 23264 2020-11-30 20:33:20Z markusbloch
01_FHEMWEB.pm 23472 2021-01-04 19:56:38Z rudolfkoenig
92_FileLog.pm 23138 2020-11-11 20:43:14Z rudolfkoenig
72_FRITZBOX.pm 22125 2020-06-06 11:11:54Z tupol
98_help.pm 23281 2020-12-02 17:55:42Z betateilchen
98_HMinfo.pm 23446 2020-12-31 15:08:30Z martinp876
02_HTTPSRV.pm 20110 2019-09-05 17:30:20Z neubert
30_HUEBridge.pm 23363 2020-12-16 09:35:18Z justme1968
31_HUEDevice.pm 23344 2020-12-13 17:05:33Z justme1968
10_IT.pm 20839 2019-12-28 09:41:47Z bjoernh
98_JsonList2.pm 22270 2020-06-26 09:25:18Z rudolfkoenig
91_notify.pm 21427 2020-03-15 10:10:32Z rudolfkoenig
73_PRESENCE.pm 20782 2019-12-19 10:51:06Z markusbloch
59_PROPLANTA.pm 23449 2021-01-01 09:56:49Z tupol
33_readingsGroup.pm 21151 2020-02-08 16:00:45Z justme1968
14_SD_RSL.pm 20671 2019-12-06 20:43:40Z Sidey
00_SIGNALduino.pm 22409 2020-07-16 20:04:45Z Sidey
99_SUNRISE_EL.pm 22789 2020-09-18 19:00:46Z rudolfkoenig
98_SVG.pm 23480 2021-01-06 18:50:45Z rudolfkoenig
42_SYSMON.pm 17227 2018-08-29 19:58:18Z hexenmeister
98_telnet.pm 23434 2020-12-29 20:22:05Z rudolfkoenig
98_update.pm 20778 2019-12-18 17:46:44Z rudolfkoenig
99_Utils.pm 22524 2020-08-02 14:34:02Z rudolfkoenig
98_version.pm 15140 2017-09-26 09:20:09Z markusbloch
98_weblink.pm 16293 2018-02-28 21:33:57Z rudolfkoenig
AttrTemplate.pm 22985 2020-10-18 09:04:19Z rudolfkoenig
Blocking.pm 23268 2020-12-01 11:48:48Z rudolfkoenig
Color.pm 20813 2019-12-22 18:42:10Z justme1968
DevIo.pm 23241 2020-11-27 16:25:33Z rudolfkoenig
FritzBoxUtils.pm 21592 2020-04-04 12:34:04Z rudolfkoenig
GPUtils.pm 19666 2019-06-20 11:17:29Z CoolTux
HMConfig.pm 23420 2020-12-26 15:03:01Z martinp876
HttpUtils.pm 22917 2020-10-05 14:37:58Z rudolfkoenig
Meta.pm 21008 2020-01-18 10:22:10Z loredo
myUtilsTemplate.pm 21509 2020-03-25 11:20:51Z rudolfkoenig
RTypes.pm 10476 2016-01-12 21:03:33Z borisneubert
SD_ProtocolData.pm 22841 2020-09-24 21:19:58Z Sidey
No Id found for SD_Protocols.pm
SetExtensions.pm 23300 2020-12-06 11:36:24Z rudolfkoenig
TcpServerUtils.pm 23472 2021-01-04 19:56:38Z rudolfkoenig
fhemweb.js 23453 2021-01-01 18:10:12Z rudolfkoenig
fhemweb_readingsGroup.js 15189 2017-10-03 17:53:27Z justme1968
Für FTUI wurde keine Datei aktualisiert.
Meine Index.html sieht so aus:
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./css/fhem-tablet-ui.css" type="text/css" />
<script src="./js/fhem-tablet-ui.js" defer></script>
<meta name="longpoll" content="1">
<meta name="longpoll_type" content="websocket">
<meta name="debug" content="5">
<meta http-equiv="cache-Control" content="no-cache" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<title>FHEM-Freigericht V0.1</title>
<!-- Zentrale INDEX Datei für FHEM Freigericht
Version: 0.0
Datum: 28.04.2019
Version: 0.1
Datum: 20.12.2020
Änderung: 2. Menueleiste auf der rechten Seite
-->
</head>
<body>
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="6" data-template="FRG_menu_links.html"></li>
<li data-row="1" data-col="2" data-sizex="7" data-sizey="6"></li>
</ul>
</div>
</body>
</html>
Hier die verwendete Menüdatei "FRG_menu_links.html" dazu:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="sheet bg-gray center-align">
<div class="row"> <!-- 1. Button links HOME -->
<header>
<div
class="big thin">
HOME
</div>
</header>
<div
data-type="pagetab"
data-url="FRG_home01.html"
data-icon="fa-home"
data-on-background-color="yellow"
class="big centered top-space">
</div>
</div>
<div class="row"> <!-- 2. Button links WOHNEN -->
<header>
<div
class="big thin">
WOHNEN
</div>
</header>
<div
data-type="pagetab"
data-icon="oa-scene_livingroom"
data-url="FRG_wohnen01.html"
data-on-background-color="yellow"
class="big centered top-space">
</div>
</div>
<div class="row"> <!-- 3. Button links SCHLAFEN -->
<header>
<div
class="big thin">
SCHLAFEN
</div>
</header>
<div
data-type="pagetab"
data-icon="fs-hue_room_bedroom"
data-url="pagetab03.html"
data-on-background-color="yellow"
class="big centered top-space">
</div>
</div>
<div class="row"> <!-- 4. Button links HEIZUNG -->
<header>
<div
class="big thin">
HEIZUNG
</div>
</header>
<div
data-type="pagetab"
data-device="dummy1"
data-icon="fs-hm-tc-it-wm-w-eu"
data-url="FRG_heizung01.html"
data-on-background-color="yellow"
class="big centered top-space">
</div>
</div>
<div class="row"> <!-- 5. Button links SCHALTER -->
<header>
<div
class="big thin">
SCHALTER
</div>
</header>
<div
data-type="pagetab"
data-url="pagetab05.html"
data-icon="fs-taster_ch"
data-on-background-color="yellow"
class="big centered top-space">
</div>
</div>
<div class="row"> <!-- 6. Button links EINSTELLUNGEN -->
<header>
<div
class="big thin">
EINSTELLUNGEN
</div>
</header>
<div
data-type="pagetab"
data-url="pagetab06.html"
data-icon="mi-settings"
data-on-background-color="yellow"
class="big centered top-space">
</div>
</div>
</div>
</body>
</html>
und last but not least eine aufzurufende Seite, als Beispiel "FRG_home01.html"
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<!-- Seite HOME - ÜBERSICHT -->
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="6" data-template="FRG_menu_links.html"></li>
<!-- hier beginnt der eigentlich Bildschirm -->
<li data-row="1" data-col="2" data-sizex="2" data-sizey="2" class="left-align bg-gray"> <!-- UHRZEIT -->
<header>
<div
class="big thin yellow">
UHRZEIT
</div>
</header>
<div
data-type="analogclock"
data-size="225"
data-body="round"
data-body-color="lightgray"
data-stroke-color="gray"
data-dial="full"
data-dial-color="black"
data-hour="bar"
data-hour-color="black"
data-minute="bar"
data-minute-color="black"
data-second="none"
data-second-color="red"
data-boss="small"
data-boss-color="black"
data-mbehave="creep"
data-sbehave="creep"
class="left-align inline top-space">
</div>
<div
class="doublebox-h inline top-align top-space left-space"
>
<div
data-type="clock"
data-format="l"
class="big newline gray"
>
</div>
<div
data-type="clock"
data-format="d.m.Y"
class="big gray"
>
</div>
</div>
</li>
<li data-row="1" data-col="4" data-sizex="2" data-sizey="2" class="left-align bg-gray"> <!-- TEMPERATUREN -->
<header>
<div
class="big thin yellow">
TEMPERATUREN
</div>
</header>
<div
class="sheet">
<div
class="row">
<header>
<div
class="big thin yellow">
Wohnzimmer
</div>
</header>
<div
data-type="label"
data-device="HM_Hzg_F_OG_WZT_Climate"
data-get="measured-temp"
data-pre-text="Temperatur: "
data-post-text=" °C"
class="top-space bigger center-align">
</div>
<div
data-type="label"
data-device="HM_Hzg_F_OG_WZT_Climate"
data-get="humidity"
data-pre-text="rel. Feuchte: "
data-post-text=" %"
class="bigger center-align">
</div>
</div>
<div
class="row">
<header>
<div
class="big thin yellow">
Garten
</div>
</header>
<div
data-type="label"
data-device="HM_THS_F_Garten"
data-get="temperature"
data-pre-text="Temperatur: "
data-post-text=" °C"
class="top-space bigger center-align">
</div>
<div
data-type="label"
data-device="HM_THS_F_Garten"
data-get="humidity"
data-pre-text="rel. Feuchte: "
data-post-text=" %"
class="bigger center-align">
</div>
</div>
</div>
</li>
<li data-row="1" data-col="6" data-sizex="2" data-sizey="2" class="left-align bg-gray"> <!-- Wettervorhersage -->
<header>
<div
class="big thin yellow">
WETTERVORHERSAGE
</div>
</header>
<div class="sheet">
<div class="row">
<div class="col-1-3">
<div data-type="label"
class="cell top-narrow">
morgens
</div>
<div data-type="weather"
data-device="WetterProplanta"
data-get="fc0_weatherMorningIcon"
data-imageset="kleinklima"
class="cell small centered top-narrow-2x">
</div>
<div data-type="label"
data-device="WetterProplanta"
data-get="fc0_weatherMorning"
class="cell top-narrow">
</div>
<div data-type="label"
data-device="WetterProplanta"
data-get="fc0_temp06"
data-unit="%B0C%0A"
class="cell big top-narrow"
data-limits='[-50,0]'
data-colors='["#5858FA","white"]'>
</div>
</div>
<div class="col-1-3">
<div data-type="label"
class="cell top-space narrow">
mittags
</div>
<div data-type="weather"
data-device="WetterProplanta"
data-get="fc0_weatherDayIcon"
data-imageset="kleinklima"
class="cell small centered">
</div>
<div data-type="label"
data-device="WetterProplanta"
data-get="fc0_weatherDay"
class="cell top-narrow">
</div>
<div data-type="label"
data-device="WetterProplanta"
data-get="fc0_temp12"
data-unit="%B0C%0A" class="cell big"
data-limits='[-50,0]' data-colors='["#5858FA","white"]'>
</div>
</div>
<div class="col-1-3">
<div data-type="label"
class="cell top-space narrow">
abends
</div>
<div data-type="weather"
data-device="WetterProplanta"
data-get="fc0_weatherEveningIcon"
data-imageset="kleinklima"
class="cell small centered">
</div>
<div data-type="label"
data-device="WetterProplanta"
data-get="fc0_weatherEvening"
class="cell top-narrow">
</div>
<div data-type="label"
data-device="WetterProplanta"
data-get="fc0_temp18"
data-unit="%B0C%0A"
class="cell big"
data-limits='[-50,0]'
data-colors='["#5858FA","white"]'>
</div>
</div>
</div>
<div class="row">
<div class="col-1-3">
<div data-type="symbol"
class="inline"
data-color="white"
data-icon="wi wi-moonrise">
</div>
<div data-type="label"
data-device="WetterProplanta"
data-get="fc0_moonRise"
class="big inline">
</div>
<div data-type="symbol"
class="inline"
data-color="white"
data-icon="wi wi-moonset">
</div>
<div data-type="label"
data-device="WetterProplanta"
data-get="fc0_moonSet"
class="big inline">
</div>
</div>
<div class="col-1-3">
<div data-type="symbol"
class="inline"
data-color="white"
data-icon="oa-weather_sunrise">
</div>
<div data-type="label"
data-device="Sonnenaufgang"
data-substitution="toString().substr(0,5)"
class="big inline">
</div>
<div data-type="symbol"
class="inline"
data-color="white"
data-icon="oa-weather_sunset">
</div>
<div data-type="label"
data-device="Sonnenuntergang"
data-substitution="toString().substr(0,5)"
class="big inline">
</div>
</div>
<div class="col-1-3">
<div data-type="symbol"
class="inline"
data-color="white"
data-icon="oa-weather_barometric_pressure">
</div>
<div data-type="label"
data-device="WetterProplanta"
data-get="pressure"
class="big center-align inline">
</div>
<div data-type="wind_direction"
data-device="WetterProplanta"
data-direction="windDir"
data-speed="wind"
data-calm="~"
data-tickstep="22.5"
class="mini inline">
</div>
<div class="top-align big inline"
data-type="label"
data-device="WetterProplanta"
data-get="wind"
data-unit="km/h"
data-fix="0">
</div>
</div>
</div>
</div>
</li>
<li data-row="2" data-col="2" data-sizex="2" data-sizey="2" class="left-align"> <!-- Termine -->
<header>
<div
class="big thin yellow">
TERMINE
</div>
</header>
</li>
<li data-row="2" data-col="4" data-sizex="2" data-sizey="2" class="left-align bg-gray"> <!-- ANWESENHEIT -->
<header>
<div
class="big thin yellow">
ANWESENHEIT
</div>
</header>
<div
class="sheet center-align">
<div
class="row">
<div
class="cell gray"> <!-- Petra -->
<div
class="bigger"
data-device="PetraDa"
data-type="symbol"
data-states='["present","absent"]'
data-icons='["oa-user_available","oa-user_away"]'
data-colors='["seagreen","red"]'>
</div>
Petra
</div>
<div
class="cell gray"> <!-- Matthias -->
<div
class="bigger"
data-device="MatthiasDa"
data-type="symbol"
data-states='["present","absent"]'
data-icons='["oa-user_available","oa-user_away"]'
data-colors='["seagreen","red"]'>
</div>
Matthias
</div>
</div>
<div
class="row">
<div class="cell gray"> <!-- Wilma -->
<div
class="bigger"
data-device="WilmaDa"
data-type="symbol"
data-states='["present","absent"]'
data-icons='["oa-user_available","oa-user_away"]'
data-colors='["seagreen","red"]'>
</div>
Wilma
</div>
<div class="cell gray"> <!-- Robert -->
<div
class="bigger"
data-device="RobertDa"
data-type="symbol"
data-states='["present","absent"]'
data-icons='["oa-user_available","oa-user_away"]'
data-colors='["seagreen","red"]'>
</div>
Robert
</div>
</div>
</div>
</li>
<li data-row="2" data-col="6" data-sizex="2" data-sizey="2" class="left-align"> <!-- ANRUFE -->
<header>
<div
class="big thin yellow">
VERPASSTE ANRUFE
</div>
</header>
</li>
<li data-row="3" data-col="2" data-sizex="3" data-sizey="2" class="left-align"> <!-- HOME-STATUS -->
<header>
<div
class="big thin yellow">
HOME-STATUS
</div>
</header>
</li>
<li data-row="3" data-col="4" data-sizex="3" data-sizey="2" class="left-align"> <!-- VERKEHR -->
<header>
<div
class="big thin yellow">
VERKEHR
</div>
</header>
</li>
<li data-row="1" data-col="8" data-sizex="1" data-sizey="6" data-template="FRG_menu_rechts_home.html"></li>
</ul>
</div>
</body>
</html>
Wie schon geschrieben, bis gestern abend hat alles so funktioniert wie es soll, nun sieht es nur noch aus wie im Anhang.
Ich habe keine Idee, wo ich einen Fehler gemacht habe und wäre für jede Hilfe dankbar.
Wenn ich beweglich genug wäre, dann würde ich mir in den A... beißen.
Beim "hübsch" machen der html-Datei habe ich eine Zeile zu viel gelöscht :-[
In der index.html fehlt direkt nach dem <body> die Zeile: <div class="gridster">
Sorry, war alleine mein Fehler