New FHEM Tablet UI

[tomster]

Uii, setstate, da hast Du dich Mal wieder selber übertroffen!
Ich bin begeistert!

[Phil__]

bin begeistert! 

Gibt es durch das Auslagern von Menüs etc., eigentlich verzögerungen beim Laden?

[selfarian]

Coole Sache das mit den Templates, gute Arbeit!

Was mir jetzt aufgefallen ist: Bei mir zeigt er beim Laden jetzt immer an, das er die Temperaturen der einzelnen Thermostate auf 17°C setzt. Im FHEM log erscheint dann auch ein "CUL_HM set <zensur> desired-temp 17" pro Thermostat. Ist das so gewollt oder ist mir das vorher nicht aufgefallen?!

[setstate]

Coole Sache das mit den Templates, gute Arbeit!

Was mir jetzt aufgefallen ist: Bei mir zeigt er beim Laden jetzt immer an, das er die Temperaturen der einzelnen Thermostate auf 17°C setzt. Im FHEM log erscheint dann auch ein "CUL_HM set <zensur> desired-temp 17" pro Thermostat. Ist das so gewollt oder ist mir das vorher nicht aufgefallen?!

Habe ich bei mir auch beim Volume Widget. Ein Schönheitsfehler, den ich mir noch anschauen werde. Das ist der lokal gespeicherte Startwert. Sollte das Control einstellen, wenn kein aktueller Wert vorliegt, aber nicht senden.
Korrektur: lokaler Startwert gibt es zur Zeit nur beim Dimmer. Es muss was mit den Ready-Flag und dem asynchronen Initiieren zu tun haben.

[setstate]

bin begeistert! 

Gibt es durch das Auslagern von Menüs etc., eigentlich verzögerungen beim Laden?

Verzögerungen dürfte es nicht verursachen. Keine spürbaren.

[mw_fhem]

Verzögerungen dürfte es nicht verursachen. Keine spürbaren.

Ich bin gerade am Probieren mit diesem neuen "Feature". So ganz habe ich aber ehrlich gesagt die Zusammenhänge nicht verstanden (liegt wohl an mir  ). Auch noch nicht was es bringen soll. Ich verzweige zu Unterseiten mit dem button-Widget. Aber wenn das pagetab/template-Widget keine Geschwindigkeitsvorteile hat, würde es sich für mich nicht lohnen alles umzustricken? Oder sehe ich das falsch?

[setstate]

Ich bin gerade am Probieren mit diesem neuen "Feature". So ganz habe ich aber ehrlich gesagt die Zusammenhänge nicht verstanden (liegt wohl an mir  ). Auch noch nicht was es bringen soll. Ich verzweige zu Unterseiten mit dem button-Widget. Aber wenn das pagetab/template-Widget keine Geschwindigkeitsvorteile hat, würde es sich für mich nicht lohnen alles umzustricken? Oder sehe ich das falsch?

Da hast du Recht, mit dem Button Widget geht das genauso. Wenn du zufrieden bist, würde ich auch nix umbauen. Ich wollte nur ein ein anderes Aussehen und ein soften Übergang mit dem Pagetab. Es wird nicht die gesamte Seite neu geladen, sondern nur der Gridster-Baum, Scripts und Styles bleiben unverändert.
Templates kann man aber auch unabhängig davon nutzen, wenn du zum Beispiel auf jeder Unterseite die Außentemperatur rechts oben haben willst. Dann baut man das nur einmal und setzt auf jede Seite den Verweis.

[mw_fhem]

Da hast du Recht, mit dem Button Widget geht das genauso. Wenn du zufrieden bist, würde ich auch nix umbauen. Ich wollte nur ein ein anderes Aussehen mit dem Pagetab.
Templates kann man aber auch unabhängig davon nutzen, wenn du zum Beispiel auf jeder Unterseite die Außentemperatur rechts oben haben willst. Dann baut man das nur einmal und setzt auf jede Seite den Verweis.

Das würde ich dann wohl bei mir mit der Uhrzeit machen. Was bei diesem Modul auch "schöner" ist als  bei button ist der sanfte Übergang, weshalb es mir schneller vorkommt. Aber die Augen lassen sich gerne mal trügen...

[mw_fhem]

Bei meinen Tests ist mir folgendes aufgefallen:
Bisher navigiere ich durch alle meine html-Seiten über das button-Widget. Nun habe ich ein pagetab-Widget angelegt um auf meine "Hauptseite" zu kommen:

Code Auswählen Erweitern

<div data-type="pagetab" data-url="home_eg.html" data-icon="fa-home"></div>

Das funktioniert soweit auch. Allerdings fehlen dann die Open-Automation-Icons auf meiner Hauptseite. Die werden offensichtlich bei diesem Widget nicht neu geladen. Ist das ein Fehler oder muss ich noch was ergänzen?

[setstate]

Bei meinen Tests ist mir folgendes aufgefallen:
Bisher navigiere ich durch alle meine html-Seiten über das button-Widget. Nun habe ich ein pagetab-Widget angelegt um auf meine "Hauptseite" zu kommen:

Code Auswählen Erweitern

<div data-type="pagetab" data-url="home_eg.html" data-icon="fa-home"></div>

Das funktioniert soweit auch. Allerdings fehlen dann die Open-Automation-Icons auf meiner Hauptseite. Die werden offensichtlich bei diesem Widget nicht neu geladen. Ist das ein Fehler oder muss ich noch was ergänzen?

Das kann passieren, die erste Seite muss alles "beschaffen", die angesprungene Seite wird nur netto geladen. Man muss also des entsprechende CSS File auf der ersten Seite einbinden, um sie auf den weiteren nutzen zu können. Starte mal auf der Hauptseite, gehe zur Seite2 und wieder zur Hauptseite, dann sollte es klappen. Vllt. fällt mir dazu noch was ein ...

[mw_fhem]

Das kann passieren, die erste Seite muss alles "beschaffen", die angesprungene Seite wird nur netto geladen. Man muss also des entsprechende CSS File auf der ersten Seite einbinden, um sie auf den weiteren nutzen zu können. Starte mal auf der Hauptseite, gehe zur Seite2 und wieder zur Hauptseite, dann sollte es klappen. Vllt. fällt mir dazu noch was ein ...

Das Problem sitzt wie so oft davor... Ich hatte die Icons nicht eingebunden 

[stromer-12]

Ganz gut, das ich eine index2.html und keine index_2.html auf dem System hatte.
Aber es gibt ja immer noch Backups.

Danke für diese toole UI.

[chris1284]

sehe ich das richtig das man nun zwar ein paar div's aus anderen html's includen kann aber im "hauptfile" immer noch jedes listitem (<li>) definieren muss?
geht sowas wie

Code Auswählen Erweitern


<ul>
     <!-- meue head, left, right-->
     <div data-template="menue_full.html"></div>
     <!-- meue head, left, right-->
     <li>inhalt</li>
     <li>inhalt2</li>
</ul>

eine zeile code und das ganze gerüst wird eingebaut (zb bei mir header, leftmenue, rightmenue -> 6 listitems). wenn ich es so teste zerhaut es natürlich das layout. quasi ein php include ersatz


EDIT: hab nun mal alles umgestellt auf pagetab data-template und es funktioniert ganz gut. Aber ich habe im firefox eine art "blitzen" beim klick auf menue punkt. es sieht fast so aus als würde er die seite dan 2 mal nacheinander laden.

und eine frage: brauch die anderen seiten im heade die meta, link und script daten? oder reicht das in der 1. (index)?

[setstate]

sehe ich das richtig das man nun zwar ein paar div's aus anderen html's includen kann aber im "hauptfile" immer noch jedes listitem (<li>) definieren muss?

Für Gridster dürfen in einem ul nur li folgen. Mit dem div, was eine Liste von zusätzlichen li mitbringen soll, funktioniert das nicht mehr. Man könnte aber nach dem Laden mit .unwrap() den parent-div entfernen, dann dürfte das gehen. Werde ich mal sehen, ob man das optional mit einbauen kann.

Thema Header: Der Header bleibt beim pagetab unangetastet, ich tausche nur den "div.gridster" Teil aus. D.h. der Einsprungsheader der ersten Seite (index.html) muss für alle folgenden Seiten alles nötige mitbringen.

[nesges]

Man könnte aber nach dem Laden mit .unwrap() den parent-div entfernen, dann dürfte das gehen. Werde ich mal sehen, ob man das optional mit einbauen kann.

Interessant find ich an der Stelle, dass das funktioniert:

Code Auswählen Erweitern

<script>
    $("<div/>").load("test.html", function() {
        $(".gridster > ul").append($(this).children());
    });
</script>

Aber sobald der Code innerhalb von $(document).on('ready', function() {} ) steht, falsch eingehangen wird. Scheint ein Timingrproblem in Gridster zu sein. Zur Not könnte man ne loadTemplate(url) Funktion draus machen.