Probleme nach Update/Darstellung

[Tedious]

Morgen zusammen,

nach einem gestrigen Update (seit dem letzten sind sicherlich zwei Wochen vergangen...) habe ich Probleme mit dem FTUI - es werden nur noch Texte, aber keine Icons/Widgets mehr ausgegeben. Ist natürlich für den WAF ungünstig, da die Steuerung über ein IPad an der Wand/FTUI realisiert ist. Fehlermeldunge im Log finden sich keine. Jemand eine Idee was da schief gelaufen ist, ich bin grade etwas ratlos...

(http://www2.pic-upload.de/thumb/31657390/FTUI-Error.png)

[SvenJust]

Hallo,

nach einem gestrigen Update (seit dem letzten sind sicherlich zwei Wochen vergangen...) habe ich Probleme mit dem FTUI - es werden nur noch Texte, aber keine Icons/Widgets mehr ausgegeben.

seit 6.9. ist die aktuelle Version von FTUI im Hauptzweig gemerged, siehe auch hier: https://forum.fhem.de/index.php/topic,50945.msg488683.html#msg488683

Ist das vielleicht das Problem?

VG
Sven

[Tedious]

Schaut mir so aus - beide liefen parallel (ftui und ftui_eval), ich hab die eval benutzt. Da hats denn was zerhagelt, bin grade im html-code und versuche das zu fixen ist irgendwie an mir vorbeigegangen...
Danke!

[setstate]

Hast du in der update List noch das nesges Controlfile drin?
Die alten Widgets dürfen nicht mehr eingespielt werden.

[christian-ruh]

Hi Tedious,
ging mir auch so. Schau Dir mal die " <script ... " Zeilen an und vergleich die mit einer aktuellen Beispiel HTML Datei.
Bei mir fehlte da was weiß nicht mehr genau welche Zeine(n).
Gruß Christian

[Tedious]

Es lag tatsächlich am "Kuddelmuddel" der Versionen. Hab beide "alten" Verzeichnisse in die Tonne getreten, per Update neu installiert und die Files angepasst - läuft wieder alles. Danke an alle!

[shorty81]

Moin,
nach FHEM-Update bei mir auch der große Schock beim Blick ins TabletUI - alles hin?!

Habt ihr einen Tipp für mich, wie ich das "Kuddelmuddel" schnell beheben kann?

Bin etwas hilflos...

Danke und LG

[MikeRoxx]

In der index.HTML passen die Pfadangaben nicht mehr. So war es bei mir zumindest.

Gruß
Mike

Gesendet von meinem A0001 mit Tapatalk

[shorty81]

danke schon mal.
Suche gerade Pfadangaben in der Index.html.

Diese hier:

Code Auswählen Erweitern

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

Bin gerade etwas aufgeschmissen und hab sorge, dass ich noch mehr zerschieße...


Irgendwie finde ich nicht wirklich den Unterschied, an welcher Stelle ich plötzlich etwas ändern muss (Bin leider nicht ganz soo fit in der Tablet-UI-Geschichte)

Mal grundsätzlich wäre auch meine Frage, warum es plötzlich wo Änderungen gab. Wenn das öfter vorkommt wäre das ja eher suboptimal...

Danke und LG

[MikeRoxx]

Hallo,

das mußte ich bei mir anpassen.

Code Auswählen Erweitern



    <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="../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>



Gesendet von meinem A0001 mit Tapatalk

[shorty81]

Perfekt!!!
Vielen lieben Dank - da hätte ich mir dei Zähne dran ausgebissen...

[Achiim]

Ohje, nach dem heutigen update wird bei mir auch (fast) nichts mehr angezeigt. Hat jemand einen Tipp woran das liegen kann?

Anbei meine 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="122">
    <meta name="widget_base_height" content="128">
<meta name="widget_margin" content="2">
    <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=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" />
    <link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.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>Hägelesweg Zentrale</title>
</head>

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


</html>

<!-- End for Content -->




Ich habe dann auch alle Pfade angepaßt, damit es nun so aussieht:

Code Auswählen Erweitern


    <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" />
    <link rel="stylesheet" href="lib/openautomation.css" />
    <link rel="stylesheet" href="lib/fhemSVG.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="../pgm2/jquery.min.js" defer></script>
    <script src="lib/jquery.toast.min.js" defer></script>
    <script src="lib/jquery.gridster.min.js" defer></script>
    <script src="js/fhem-tablet-ui.min.js" defer></script>


Es funktioniert aber immer noch nicht.

[Achiim]

Konnte das Problem nun selbst lösen:

Ursache war noch ein Unterschied im bisher funktionierenden index.html

bisher: <script src="js/fhem-tablet-ui.min.js" defer></script>

jetzt: <script src="js/fhem-tablet-ui.js" defer></script>

das bisher verwendete .min hatte bei mir seit ca. 1 Jahr funktioniert....... Warum das jetzt anders ist, weiss der Geier....

[setstate]

Ich hatte vergessen das fhem-tablet-ui.min.js zusätzlich mit hochzuladen. Ist jetzt da ...

[Achiim]

Habe gerade einen weiteren update gemacht:

Code Auswählen Erweitern


2016.09.15 18:59:55 1 : fhem
2016.09.15 18:59:55 1 : nothing to do...
2016.09.15 18:59:55 1 :
2016.09.15 18:59:55 1 : fhemtabletui
2016.09.15 18:59:56 1 : UPD www/tablet/js/fhem-tablet-ui.min.js
2016.09.15 18:59:56 1 :
2016.09.15 18:59:56 1 : New entries in the CHANGED file:
2016.09.15 18:59:56 1 : FHEM Tablet UI last change:
2016.09.15 18:59:56 1 : 2016-09-15
2016.09.15 18:59:56 1 : - Added minified file version
2016.09.15 18:59:56 1 :


Jetzt funktioniert's auch wieder mit meinem index.html und .min....

Fragen:
Ist es korrekt, dass sich die Pfade nun verkürzt haben?
Ist es korrekt, dass die "defer" hinter den scripten auch wergefallen sind? <script src="lib/jquery.gridster.min.js" defer></script>