FTUI-Widget Departure aktualisiert sich nicht

sth · 19 Juli 2017, 21:23:33

Hallo zusammen,

ich bin noch recht neu in FHEM und dies ist auch mein erster Beitrag im Forum. Danke an dieser Stelle aber an alle, die das Forum so hilfreich machen

Leider habe ich beim Bauen meines FTUI ein Problem. Das Departure-Widget aktualisiert sich leider nicht und der Refresh-Button ist scheinbar tot. In FHEM sehe ich aber aktuelle Daten im dafür angelegten Device.

Nun habe ich mein FTUI-Frontend mit einer Navigationsleiste ausgestattet und in der index.html die Navigationsleiste eingebunden. Hat jemand die zündende Idee?

In der Javascript-Konsole im Browser erhalte ich folgende Meldung: fhem-tablet-ui-user.css Failed to load resource: the server responded with a status of 404 (Not Found). Diese Datei existiert auch nicht; allerdings habe ich keinen Schimmer wie diese aussehen soll.

Das Meiste habe ich zusammengesucht und nach bestem Wissen bearbeitet.

Vielen Dank schon vorab für die Unterstützung

index.html

Code Auswählen

<!DOCTYPE html>
<html>
<head>
    <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="60">
    <meta name="widget_base_height" content="65">
    <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="widget_margin" content="3">

    <meta name="gridster_disable" content="1">

    <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" />
    <!-- define your personal style here, it wont be overwritten  -->
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.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>

</head>
<body>
    
    <div class="gridster">

        <ul>
            <li data-row="1" data-col="1" data-sizex="2" data-sizey="9" data-template="/fhem/tablet/nav_left.html"><$

...

        </ul>
    </div>
</body>
</html>

nav_left.html

Code Auswählen

<html>
<body>
    <header></header>
    <div class="cell">
        <div data-type="pagetab" data-url="/fhem/tablet/index.html"  data-icon="fa-home" class="bigger" class="cell"></div>
        <div data-type="pagetab" data-url="/fhem/tablet/light.html"  data-icon="fa-lightbulb-o" class="bigger" class="cell"></div>
        <div data-type="pagetab" data-url="/fhem/tablet/heating.html"  data-icon="fa-thermometer-3"  class="bigger" class="cell"></div>
        <div data-type="pagetab" data-url="/fhem/tablet/transport.html"  data-icon="fa-bus" class="bigger" class="cell"></div>
        <div data-type="pagetab" data-url="/fhem/tablet/weather.html"  data-icon="fa-cloud" class="bigger" class="cell"></div>
    </div>
</body>
</html>

transport.html

Code Auswählen

<!DOCTYPE html>
<html>
<head>
    <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="60">
    <meta name="widget_base_height" content="65">
    <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="gridster_disable" content="1">
 
    <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" />
 
    <!-- define your personal style here, it wont be overwritten  -->
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.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>
     
</head>
<body>
     
	 
<div class="gridster">
 
    <ul>
	
 <li data-row="1" data-col="1" data-sizex="2" data-sizey="8" data-template="/fhem/tablet/nav_left.html"></li>
 
 <li data-row="1" data-col="2" data-sizex="12" data-sizey="1">
			<div class="grande">
			<div data-type="clock"
				 data-format="l, d.m. H:i"
			</div>
</li> 
 
 <li data-row="2" data-col="2" data-sizex="6" data-sizey="4">
	<Header>HDSN</header>
            <div data-type="departure"
			class="alternate"
			data-device="Departure_HDSN"
			data-width="384"
			data-get="HDSN"
			data-icon="fa-bus"
			data-interval="60">
</div>
</li>

 <li data-row="2" data-col="3" data-sizex="6" data-sizey="4">
	<Header>HS</header>
            <div data-type="departure"
			class="alternate"
			data-device="Departure_HS"
			data-width="384"
			data-get="HS"
			data-icon="fa-bus"
			data-interval="60">
</div>
</li>

</div>
</body>
</html>

FHEM Forum

FTUI-Widget Departure aktualisiert sich nicht

sth