New FHEM Tablet UI

hotwebnet · 04 April 2015, 09:23:10

aber es gibt nichts was es nicht gibt schreibt setstate ich hoffe er kann das problem im js code lösen....

hillbicks · 04 April 2015, 10:25:38

Zitat von: setstate am 04 April 2015, 03:09:35
- Status Home: habe ich etwas optimiert. Vielleicht geht es jetzt bei dir besser.
- Thermostat-Widget: versuche ich auch noch zu optimieren. Kleiner Tipp: wenn man auf die Ziel-Temp-Stelle nur kurz tippt, ist es etwas einfachen mit dem Einstellen. Oder man macht sich die Teile größer mit 'big' als zusätzliche Klasse.

Status Home: Ne, leider noch nicht. Wobei ich grade auch gesehen habe das widget_homestatus.js im github repo 2 Tage alt ist. Hast Du es vielleicht nicht eingecheckt? Ich sehe hier bei den commits jedenfalls nichts was darauf hindeutet

https://github.com/knowthelist/fhem-tablet-ui/commits

-Wegen des Thermostats, ja, so mache ich das mittlerweile auch, ist ja aber auch nicht so schlimm

Danke in jedem Fall!

Markus Hermann · 04 April 2015, 11:03:12

@Damian & @setstate:

Ist das Problem mit dem Longpoll und dass das UI sich nicht automatisch aktualisiert eigentlich gelöst?
Ich habe nämlich das gleiche Problem wie Damian. Longpoll sind in FHEMWEB und im UI aktiviert, aber es passiert nichts wenn sich ein STATE ändert.
Auch wenn Longpoll auf "0" gesetzt ist, wird nichts nach 30 Sekunden aktualisiert. Das musss ich immer manuell im Browser machen.

Alle Devices im UI gibt es auch im FHEM. Ich hatte es auch schon mit nur EINEM Device (FS20 - Steckdose) probiert. Ging auch nicht.

Hat noch jemand einen Tipp für mich?

FHEM/UI laufen auf einen Cubietruck. Alle Browser/Geräte ausprobiert (iOS, Android, IE, Firefoxe, Chrome) es klappt einfach nicht.

Ansonsten großes Lob an Setstate für diese tolle Frontend, danach habe ich auch lange gesucht.

Gruß
Markus

setstate · 04 April 2015, 11:17:39

Zitat von: hotwebnet am 04 April 2015, 09:10:27
Morgen , auch ich bin noch hier und versuche das mit dem Streamen besser hin zu bekommen, es geht natürlich zur Zeit auch bei mir alles.........
habe jetzt versucht meine Sender ins circlemenu einzubauen, das heißt, ich habe nur noch einen Buttom auf dem Panel und kann dann aus 6 Sendern aussuchen, leider bekomme ich das nicht hin.... ich glaube das mit im JS-Code angepasst werden.....dafür bin ich aber leider nicht der richtige ...

ich würde das rudimentär so bauen:

Code Auswählen


   <div data-type="circlemenu" class="cell circlemenu wider keepopen">
       <ul>
         <li><div data-type="push" data-icon="fa-volume-up"></div></li>
         <li><div data-type="playstream" data-url="http://radioeins.de/stream" data-background-icon="fa-circle-thin" data-icon="">R1</div></li>
         <li><div data-type="playstream" data-url="http://edge.live.mp3.mdn.newmedia.nacamar.net/ps-radiobochum/livestream.mp3" data-background-icon="fa-circle-thin" data-icon="">Bo</div></li>
         <li><div data-type="playstream" data-url="http://stream.jam.fm/jamfm-nmr/mp3-128/directUrl" data-background-icon="fa-circle-thin"  data-icon="">Jm</div></li>
         <li><div data-type="playstream" data-url="http://br-mp3-puls-m.akacast.akamaistream.net/7/501/142689/v1/gnl.akacast.akamaistream.net/br_mp3_puls_m" data-background-icon="fa-circle-thin" data-icon="">Ps</div></li>
       </ul>
   </div>

Was habt ihr anderes gemacht?

mit zusätzlichen Labels hab ich noch nicht probiert, dafür müsste bestimmt erst noch was gemacht werden, dass das auch räumlich passt.

setstate · 04 April 2015, 11:18:38

Zitat von: hillbicks am 04 April 2015, 10:25:38
Status Home: Ne, leider noch nicht. Wobei ich grade auch gesehen habe das widget_homestatus.js im github repo 2 Tage alt ist. Hast Du es vielleicht nicht eingecheckt? Ich sehe hier bei den commits jedenfalls nichts was darauf hindeutet

https://github.com/knowthelist/fhem-tablet-ui/commits

-Wegen des Thermostats, ja, so mache ich das mittlerweile auch, ist ja aber auch nicht so schlimm

Danke in jedem Fall!

Du hast sooo Recht! War schon spät gestern ...
Ist jetzt oben. Sorry

setstate · 04 April 2015, 11:27:44

Zitat von: Markus Hermann am 04 April 2015, 11:03:12
@Damian & @setstate:

Ist das Problem mit dem Longpoll und dass das UI sich nicht automatisch aktualisiert eigentlich gelöst?
Ich habe nämlich das gleiche Problem wie Damian. Longpoll sind in FHEMWEB und im UI aktiviert, aber es passiert nichts wenn sich ein STATE ändert.
Auch wenn Longpoll auf "0" gesetzt ist, wird nichts nach 30 Sekunden aktualisiert. Das musss ich immer manuell im Browser machen.

Alle Devices im UI gibt es auch im FHEM. Ich hatte es auch schon mit nur EINEM Device (FS20 - Steckdose) probiert. Ging auch nicht.

Hat noch jemand einen Tipp für mich?

FHEM/UI laufen auf einen Cubietruck. Alle Browser/Geräte ausprobiert (iOS, Android, IE, Firefoxe, Chrome) es klappt einfach nicht.

Ansonsten großes Lob an Setstate für diese tolle Frontend, danach habe ich auch lange gesucht.

Gruß
Markus

Hallo Markus,

seit dieser Woche gibt es auch eine FAQ Sammlung (Danke an nesges). http://www.fhemwiki.de/wiki/FHEM_Tablet_UI/FAQ
Dort findest du vllt. noch zusätzliche Infos.
Ansonsten vermute ich, dass noch ein Fehler in der Ausführung auftritt, der den vollständigen Ablauf der Funktionen verhindert.
Öffne mal dazu die Web-Konsole des Browsers (Menü>Entwicklerwerkzeuge), schalte das Debugging an (<meta name="debug" content="1"> in der index.html) und schau mal, ob Fehlermeldungen auftreten.

Viele Grüße

hillbicks · 04 April 2015, 11:34:23

Zitat von: setstate am 04 April 2015, 11:18:38
Du hast sooo Recht! War schon spät gestern ...
Ist jetzt oben. Sorry

Jetzt geht es schon besser, ich danke Dir vielmals!

Marie · 04 April 2015, 11:44:43

Hallo Leute,

also ich muss mal sagen, so geht das nicht! Da hat man(frau) gerade eine halbwegs vernünftige Oberfläche mit den widgets hinbekommen, und dann kommt Ihr mit dem Cirlcemenu...so nicht, jetzt darf ich die Oberfläche noch einmal neu machen, weil das Teil einfach nur genial ist...
So mal Spass beseite, das Userinterface ist einfach nur super, damit kann man alles endlich auf eine Oberfläche bringen, was vorher über diverse Apps lief. Zwar muss man sich erst dann die Syntax gewöhnen, aber wenn man das mal drauf hat, einfach toll!
Und auch schön, das das hier so flott weitergeht. Dafür mal an die Entwickler einen lieben Dank.
Ein zwei Optimierungen sind hier und da sicherlich noch notwendig, aber ich bin mir sicher, das das über kurz oder lang alles kommt.
Und wer weiss auf was für Ideen ihr hier noch kommt.

Bis dahin ein frohes Osterfest @all

LG Marie

Markus Hermann · 04 April 2015, 11:51:22

Hallo setstate,

die FAQ hatte ich schon gesehen und debug aktiviert, in der Bowser-Konsole steht:

"start longpoll"

Wenn ich mit der FS20 S8 - Fernbedienung eine FS ST ein- bzw ausschalte steht im Event Monitor:

Code Auswählen

2015-04-04 11:36:38.252 FS20 Kugelleuchte_1 on
2015-04-04 11:36:46.559 FS20 Kugelleuchte_1 off

In der index.html steht u. a. :

Code Auswählen


<div class="right"> 
   <div data-type="switch" data-device="Kugelleuchte_1" data-get-on="on" data-get-off="off" class="cell"></div>
   <div data-type="label"  class="cell small">Esszimmer</div>
</div>

Gruß
Markus

setstate · 04 April 2015, 12:04:45

@Markus: Was sieht man noch in der Konsole? Wenn da nicht wie verrückt FHEM Daten rein purzeln, ist was faul.
Wir müssen leider noch weiter rein in den Debug-Modus, um den Fehler zu finden:
In der fhem-tablet-ui bitte in der Zeile 246 (//console.log('#'+line+'#');
, die beiden Slash wegnehmen, speichern und Browser-Refresh machen.
Was passiert dann in der Konsole beim Status-Ändern?

Markus Hermann · 04 April 2015, 12:11:49

Jetzt werden alle FHEM Events in der Browser-Konsole angezeigt, aber das UI wird nicht "refreshed":

Code Auswählen

"#2015-04-04 12:10:07.677 FS20 Kugelleuchte_1 off#" fhem-tablet-ui.js:246:6
"#2015-04-04 12:10:09.051 FS20 Kugelleuchte_1 on#" fhem-tablet-ui.js:246:6
"#2015-04-04 12:10:09.833 FHT T5_WC actuator: 0%#" fhem-tablet-ui.js:246:6
"#2015-04-04 12:10:13.015 FS20 Kugelleuchte_1 off#" fhem-tablet-ui.js:246:6
"#2015-04-04 12:10:14.644 FS20 Kugelleuchte_1 on#" fhem-tablet-ui.js:246:6

setstate · 04 April 2015, 12:31:09

Zitat von: Markus Hermann am 04 April 2015, 12:11:49
Jetzt werden alle FHEM Events in der Browser-Konsole angezeigt, aber das UI wird nicht "refreshed":

Code Auswählen Erweitern
"#2015-04-04 12:10:07.677 FS20 Kugelleuchte_1 off#" fhem-tablet-ui.js:246:6 "#2015-04-04 12:10:09.051 FS20 Kugelleuchte_1 on#" fhem-tablet-ui.js:246:6 "#2015-04-04 12:10:09.833 FHT T5_WC actuator: 0%#" fhem-tablet-ui.js:246:6 "#2015-04-04 12:10:13.015 FS20 Kugelleuchte_1 off#" fhem-tablet-ui.js:246:6 "#2015-04-04 12:10:14.644 FS20 Kugelleuchte_1 on#" fhem-tablet-ui.js:246:6

@Markus: das sieht doch schon mal gut aus

Ich vermute, durch das andere Datumsformat (inkl. Millisekunden) passt das noch nicht.
Ersetze bitte mal die Zeile 239 durch diese:

var regDate = /^([0-9]{4}-[0-9]{2}-[0-9]{2}\s[0-2][0-9]:[0-5][0-9]:[0-5][0-9])\.?[0-9]{0,3}\s/;

Markus Hermann · 04 April 2015, 12:39:22

Erledigt:

Code Auswählen

"#2015-04-04 12:35:46.460 FS20 Kugelleuchte_1 off#" fhem-tablet-ui.js:247:6
"#2015-04-04 12:35:48.636 FS20 Kugelleuchte_1 on#" fhem-tablet-ui.js:247:6
"#2015-04-04 12:35:51.051 FS20 Kugelleuchte_1 off#" fhem-tablet-ui.js:247:6
"#2015-04-04 12:35:52.898 FS20 Kugelleuchte_1 on#" fhem-tablet-ui.js:247:6

Aber kein refresh im UI

$:-\$

Ich sehe auch irgendwie kein Unterschied bei den beiden Konsolenausgaben im Datum-String (12:10 Uhr zu 12:35 Uhr). Ich habe den Browser komplett geschlossen.

setstate · 04 April 2015, 12:45:32

Upps, die ms müssen auch noch in die obere Zeile 238:

var regDevice = /\s[0-2][0-9]:[0-5][0-9]:[0-5][0-9]\.?[0-9]{0,3}\s(\S*)\s(\S*)\s(.*)/;

Markus Hermann · 04 April 2015, 12:53:17

Ergebnis nach einmal ein- und ausschalten des FS20 ST:

Code Auswählen

"#2015-04-04 12:48:53.962 FS20 Kugelleuchte_1 on#" fhem-tablet-ui.js:248:6
"2015-04-04 12:48:53 / Kugelleuchte_1 / STATE / on" fhem-tablet-ui.js:275:0
"update done for device:Kugelleuchte_1 parameter:STATE" fhem-tablet-ui.js:172:10
"#2015-04-04 12:48:56.244 FS20 Kugelleuchte_1 off#" fhem-tablet-ui.js:248:6
"2015-04-04 12:48:56 / Kugelleuchte_1 / STATE / off" fhem-tablet-ui.js:275:0
"update done for device:Kugelleuchte_1 parameter:STATE" fhem-tablet-ui.js:172:10

Aber kein refresh des UI

So sieht die fhem-tablet-ui in Zeile 238 & 239 aus:

Code Auswählen


var regDevice = /\s[0-2][0-9]:[0-5][0-9]:[0-5][0-9]\.?[0-9]{0,3}\s(\S*)\s(\S*)\s(.*)/;
var regDate = /^([0-9]{4}-[0-9]{2}-[0-9]{2}\s[0-2][0-9]:[0-5][0-9]:[0-5][0-9])\.?[0-9]{0,3}\s/;
//var regDevice = /\s[0-2][0-9]:[0-5][0-9]:[0-5][0-9]\s(\S*)\s(\S*)\s(.*)/;
//var regDate = /^([0-9]{4}-[0-9]{2}-[0-9]{2}\s[0-2][0-9]:[0-5][0-9]:[0-5][0-9])\s/;