[FHEM-Tablet-UI] Widgets for fhem-tablet-ui

[nesges]

Ok, es werden also tatsächlich alle Dateiendungen versucht und können offenbar nicht geladen werden. Evtl. Dateirechte? Wobei das Fhem Update die für sich selbst passend anlegen sollte. Trotzdem bitte einmal:

Code Auswählen Erweitern

ls -la www/tablet/lib/ion.sound/sounds

Was sagt dein Browser, wenn du direkt die Adresse eines Soundfile eingibst? zB:

Code Auswählen Erweitern

http://<host:port>/fhem/tablet/js/../lib/ion.sound/sounds/button_tiny.mp3?1431458059943
und

Code Auswählen Erweitern

http://<host:port>/fhem/tablet/lib/ion.sound/sounds/button_tiny.mp3

Ist im Fhem Logfile evtl. ein Hinweis zu finden?

[update71]

reicht "r" zum abspielen?
Ist bei allen Dateien so, hab jetzt nur mal einen Teil "geknipst".

[update71]

ich hab jetzt mal die Rechte auf 777 gesetzt ... immer noch kein Ton (no source ...)

Code Auswählen Erweitern

Unexpected CSS token: :
fhem-tablet-ui.js:109Plugin dir: /fhem/tablet/js
fhem-tablet-ui.js:113Filename: test.html
fhem-tablet-ui.js:169Collecting required readings
fhem-tablet-ui.js:184Request readings from FHEM
fhem-tablet-ui.js:36Loaded plugin: widget_clicksound
jquery.min.js:2:3244ion load
jquery.min.js:2:3244ion-url: /fhem/tablet/js/../lib/ion.sound/sounds/button_tiny.mp3?1431492254483
jquery.min.js:2:3244ion load
jquery.min.js:2:3244ion-url: /fhem/tablet/js/../lib/ion.sound/sounds/water_droplet_3.mp3?1431492254484
fhem-tablet-ui.js:36Loaded plugin: widget_label
fhem-tablet-ui.js:36Loaded plugin: widget_push
ion load
ion-url: /fhem/tablet/js/../lib/ion.sound/sounds/button_tiny.ogg?1431492254553
ion load
ion-url: /fhem/tablet/js/../lib/ion.sound/sounds/water_droplet_3.ogg?1431492254553
ion load
ion-url: /fhem/tablet/js/../lib/ion.sound/sounds/button_tiny.mp4?1431492254574
ion load
ion-url: /fhem/tablet/js/../lib/ion.sound/sounds/water_droplet_3.mp4?1431492254605
ion load
ion-url: /fhem/tablet/js/../lib/ion.sound/sounds/button_tiny.aac?1431492254632
ion load
ion-url: /fhem/tablet/js/../lib/ion.sound/sounds/water_droplet_3.aac?1431492254632
ion load
ion-url: /fhem/tablet/js/../lib/ion.sound/sounds/button_tiny.wav?1431492254654
ion load
ion-url: /fhem/tablet/js/../lib/ion.sound/sounds/water_droplet_3.wav?1431492254655
No sources for "button_tiny" sound :(
No sources for "water_droplet_3" sound :(
fhem-tablet-ui.js:259start longpoll

[update71]

müsste das hier ion-url: /fhem/tablet/js/ nicht heissen: ion-url: /fhem/www/tablet/js/ ?

Du hast in deiner Testumgebung wohl andere Pfade
hab die <script> Pfade mal angepasst von:
<script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
nach
<script type="text/javascript" src="/fhem/www/pgm2/jquery.min.js"></script>
jetzt gehts

[bjoernbo]

Das mit den Pfaden ist mir auch schon aufgefallen als ich die Icons von IcoMoon einbinden wollte.

[nesges]

Du hast in deiner Testumgebung wohl andere Pfade
hab die <script> Pfade mal angepasst von:
<script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
nach
<script type="text/javascript" src="/fhem/www/pgm2/jquery.min.js"></script>
jetzt gehts

Super, dass es jetzt geht! Ich hatte nicht mehr viele Ideen! Aber dass mit den Pfaden verstehe ich nicht. Das "www" sollte da eigentlich nicht rein. Wenn du mal mit den Demo-Skripten im Hauptrepository vergleichst, wird dort nie "www" eingefügt. Hast du die Pfade in deinen HTML-Files generell auf "www" stehen? Wie sehen die Definition des HTTPSRV Devices und das Hauptverzeichnis der FTUI-Installation aus? Ich gehe davon aus, dass folgendes gesetzt ist:

Code Auswählen Erweitern

<script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
define tablet_ui HTTPSRV tablet/ ./www/tablet Tablet Frontend
/opt/fhem/www/tablet bzw. <fhemhauptverzeichnis>/www/tablet

Davon abgesehen: Ging dann überhaupt irgendwas? Wenn der Pfad zu JQuery nicht passt, dürfte eigentlich gar nichts funktionieren und alle Pfade ausserhalb der HTML-Files sind relativ gesetzt.

[update71]

Code Auswählen Erweitern

define tablet_ui HTTPSRV tablet ./www/tablet Tablet Frontend


Und so sieht meine index.html im <head> aus

Code Auswählen Erweitern

<title>FHEM-HC</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="116">
<meta name="widget_base_height" content="131">
<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 -->

<link rel="stylesheet" href="/fhem/www/tablet/lib/jquery.gridster.min.css" />
<link rel="stylesheet" href="/fhem/www/tablet/css/fhem-tablet-ui.css" />
<link rel="stylesheet" href="/fhem/www/tablet/lib/font-awesome.min.css" />
<link rel="stylesheet" href="/fhem/www/tablet/lib/jquery.toast.min.css" />
<link rel="stylesheet" href="/fhem/www/tablet/lib/powerange.min.css" />


<script type="text/javascript" src="/fhem/www/pgm2/jquery.min.js"></script>
        <script type="text/javascript" src="/fhem/www/tablet/lib/jquery.knob.mod.min.js"></script>
<script type="text/javascript" src="/fhem/www/tablet/lib/jquery.toast.min.js"></script>
<script type="text/javascript" src="/fhem/www/tablet/lib/jquery.circlemenu.js"></script>
<script type="text/javascript" src="/fhem/www/tablet/lib/powerange.min.js"></script>
<script type="text/javascript" src="/fhem/www/tablet/lib/jquery.gridster.min.js"></script>
        <script type="text/javascript" src="/fhem/www/tablet/lib/fa-multi-button.min.js"></script>
<script type="text/javascript" src="/fhem/www/tablet/js/fhem-tablet-ui.js"></script>

<!-- Enable this lines for usage with WebViewControl --><!--
<script type="text/javascript" src="/fhem/pgm2/cordova-2.3.0.js"></script>
<script type="text/javascript" src="/fhem/js/webviewcontrol.js"></script>
<script type="text/javascript">var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
--><!-- End for WebViewControl -->



Es lief auch ohne www/ alles, nur eben die Sounds nicht ... muss ich noch was grade ziehen? Wie man meinem Post vom Sonntag (im Nachbarthread) entnehmen kann bin ich NOOB

[nesges]

Code Auswählen Erweitern

define tablet_ui HTTPSRV tablet ./www/tablet Tablet Frontend

Da ist der Fehler Es muss

Code Auswählen Erweitern

define tablet_ui HTTPSRV tablet/ ./www/tablet Tablet Frontend

lauten, mit abschliessendem Slash hinter tablet. Das ist leider immer wieder ein Problem mit HTTPSRV. Ein bisschen Hintergrund dazu gibt's in FAQ: Warum führen mich Links auf andere Seiten zurück zu FHEMWEB?

Ich werde mal sehen ob ich's im Widget abfangen kann, ohne ion.sound zu verändern.

PS: nimm das "www" dann wieder raus. Das funktioniert nur, weil HTTPSRV so "gnädig" ist, ist aber eigentlich falsch.

[update71]

Ich hab das jetzt mal so gemacht wie du beschrieben hast

Code Auswählen Erweitern

define tablet_ui HTTPSRV tablet/ ./www/tablet Tablet Frontend
Jetzt bekomme ich aber eine leere Seite wenn ich auf "tablet frontend" klicke. Gebe ich die index.html mit an dann funktioniert es ...
Irgendwie der Wurm drin hier ^^


Im Wiki ist bei der Installationsanleitung der / übrigens nicht angegeben! Auf der Projektseite schon

[nesges]

Ich hab das jetzt mal so gemacht wie du beschrieben hast

Code Auswählen Erweitern

define tablet_ui HTTPSRV tablet/ ./www/tablet Tablet Frontend
Jetzt bekomme ich aber eine leere Seite wenn ich auf "tablet frontend" klicke. Gebe ich die index.html mit an dann funktioniert es ...
Irgendwie der Wurm drin hier ^^

Ok, kA wieso das bisher niemandem aufgefallen ist, aber es ist reproduzierbar (ich benutze HTTPSRV selbst normalerweise nicht). Probier mal bitte:

Code Auswählen Erweitern

define TABLETUI HTTPSRV tablet/index.html ./www/tablet Tablet Frontend

Wenn das ohne Einschränkungen funktioniert übernehme ich's in die Doku und ins Wiki.

[update71]

Hallo, danke für deine schnelle Hilfe. Ja, es sieht jetzt gut aus. Funktioniert alles inkl. Sound.

Langsam werd ich warm mit der UI ... aber ich hab noch viel zu lernen 

Kann ich Fragen zum Thermostat und zum Circlemenu hier posten oder soll`s in den anderen Thread?

[nesges]

Hallo, danke für deine schnelle Hilfe. Ja, es sieht jetzt gut aus. Funktioniert alles inkl. Sound.

Vielen Dank für's ausprobieren!

Kann ich Fragen zum Thermostat und zum Circlemenu hier posten oder soll`s in den anderen Thread?

Die gehören in den Hauptthread, da lesen auch mehr Leute mit.

[bjoernbo]

Was war denn der Grund nun, dass die Sounds nicht abgespielt wurden?

habe

<script type="text/javascript" src="/fhem/www/tablet/js/widget_clicksound.js"></script>

eingebunden und folgendes Beispiel definiert.

<div data-type="clicksound"
     data-sound="ion-button-tiny"
     data-bind-to="[data-type=button]"
     data-length="500"
    >
</div>

Kein Sound. In deiner Demo-Umgebung wird mir jedoch der Sound abgespielt.

[nesges]

viegener hat in http://forum.fhem.de/index.php/topic,34233.msg294249/topicseen.html#msg294249 festgestellt, dass bei der vorgeschlagenen Verwendung von HTTPSRV für FTUI, in bestimmten Fällen nicht HTTPSRV sondern FHEMWEB zur Auslieferung benutzt wird. Dadurch kommt das manchmal unerwartete Verhalten zustande. Für das clicksound-Problem hat es gereicht noch "index.html" an die HTTPSRV-Definition anzuhängen (siehe 3 Posts weiter oben).

Leider ist das überhaupt nicht intuitiv und kaum nochvollziehbar, von daher suche ich noch nach einer besseren Lösung.

[bjoernbo]

ok. Das mit der Verzeichnisanpassung habe ich durchgeführt. Danach hat es bei mir die Seite zerschossen und habe es Rückgängig gemacht. Ich probiere einfach mal weiter aus bis ich es zum Laufen bekomme