New FHEM Tablet UI

nesges · 25 Mai 2015, 02:01:13

Zitat von: jsloot am 23 Mai 2015, 12:25:46
was kann der Grund sein, dass das normale Frontend von FHEM über ein
Code Auswählen Erweitern
trigger WEB JS:location.reload(true) aktualisiert wird, das FTUI aber nicht?

Das ist eine Funktion von FHEMWEB die FTUI nicht kennt. Ich habe aber grade ein widget_reload im Testing-Verzeichnis eingecheckt.

Code Auswählen

<div data-type="reload"
            data-device="TEST"
            data-reload-on="1"
            data-reset-to="0"></div>

Wenn TEST den Wert "1" hat wird ein Pagereload ausgelöst und der Wert wird auf "0" zurück gesetzt. Das ist notwendig um eine unendliche Reload-Schleife zu verhindern. Um das Widget zu verwenden, sollte man also einen Dummy definieren, den man gezielt setzt um Pagereloads anzustoßen.

nesges · 25 Mai 2015, 02:30:27

Zitat von: jehu am 23 Mai 2015, 15:41:47
Gerade ist mir aufgefallen, dass im weather-widget das Proplanta Matching für "Nebel" (M) fehlt.

Habs aufgenommen, danke!

jsloot · 25 Mai 2015, 10:18:50

Zitat von: nesges am 25 Mai 2015, 02:01:13
Das ist eine Funktion von FHEMWEB die FTUI nicht kennt. Ich habe aber grade ein widget_reload im Testing-Verzeichnis eingecheckt.

Code Auswählen Erweitern
<div data-type="reload" data-device="TEST" data-reload-on="1" data-reset-to="0"></div>

Wenn TEST den Wert "1" hat wird ein Pagereload ausgelöst und der Wert wird auf "0" zurück gesetzt. Das ist notwendig um eine unendliche Reload-Schleife zu verhindern. Um das Widget zu verwenden, sollte man also einen Dummy definieren, den man gezielt setzt um Pagereloads anzustoßen.

Hi nesges,

ich bin begeistert! Vielen Dank!!!

bjoernbo · 25 Mai 2015, 10:59:01

@Phil__ : Ich habe deinen "Abfallkalender" übernommen. Anstelle eines Google-Kalenders habe ich mir das .ics-File direkt in FHEM abgelegt. Das sollte doch auch Funktionieren oder?? Allerdings bekomme ich die Pfadauflösung nicht hin.

Beide Funktionieren leider nicht

Zitatical url opt/fhem/www/tablet/Muellkalender/USB_Abfuhrtermine.ICS 3600

Zitatical url /www/tablet/Muellkalender/USB_Abfuhrtermine.ICS 3600

ZitatCalendar Abfall: Could not retrieve file at URL. <hidden>: malformed or unsupported URL

Doggiebert · 25 Mai 2015, 11:06:37

schau dir die commandref von calendar an, nicht url sondern file, damit sollte es klappen...

bjoernbo · 25 Mai 2015, 11:17:41

DANKE! Das wars!

Phil__ · 25 Mai 2015, 11:28:05

Zitat von: viegener am 21 Mai 2015, 00:46:34
Hallo Thomas,
Nein generell ist das nicht nötig. Bei mir enthält die Index.html im Head alle includes (also css und js-Dateine).

Die einzelnen Seiten, die als pagetab geladen werden, enthalten dann im wesentlichen nur noch den Seiteninhalt. Ich habe sie weiterhin als vollwertige HTML-Seiten ausgeführt aber nur noch die eigentlichen Gridster-Element mit den widgets:

Code Auswählen Erweitern
<!DOCTYPE html> <html> <head> <title>Detail</title> </head> <body> <div class="gridster"> <ul> <li data-row="1" data-col="1" data-sizex="1" data-sizey="4" data-template="menu.templ"></li>  </ul> </div> </body> </html>

Gruss,
Johannes

Hallo,

beim ersten überfliegen hört es sich interessant an.
Nur leider hab ich das Gefühö das ich es nicht 100%ig verstanden haben.
Kann das jemand genauer erklären?

Was passiert da genau?
Wird hier zB das Menü als pagetab nur einmal geladen und dann immer nur die Änderungen (Unterschiedliche Widgets der Unterseiten)?
Was genau ist der Vorteil?

Viele Grüße

viegener · 25 Mai 2015, 12:16:34

Zitat von: Phil__ am 25 Mai 2015, 11:28:05
Hallo,

beim ersten überfliegen hört es sich interessant an.
Nur leider hab ich das Gefühö das ich es nicht 100%ig verstanden haben.
Kann das jemand genauer erklären?

Was passiert da genau?
Wird hier zB das Menü als pagetab nur einmal geladen und dann immer nur die Änderungen (Unterschiedliche Widgets der Unterseiten)?
Was genau ist der Vorteil?

Viele Grüße

Also ich versuche mal eine Erklärung:

Mein Problem war ursprünglich ein Problem mit pagetab:
Die Unterseiten (also .../index.html#andererpagetab.html) wurden bei einem Refresh nicht wieder geladen, sondern die Hauptseite, denn die Unterseite war ja nur als #... ausgeführt (also eigentlich eine Markierung innerhalb von index.html). Ausserdem war dann auch der falsche pagetab-Button aktiv. Ich fand das während der Entwicklung schwierig, da es immer ziemlich viele Ladevorgänge waren bis man wieder eine veränderte Seite sehen konnte.

Also habe ich dann pagetab angepasst, das geht allerdings nicht ohne eine Verhaltensänderung, nämlich muss sich die Standardseite, also die Widgets, die in index.html sind auch in eine getrennte pagetab-Seite ausgelagert werden.

Index.html enthält die Verweise zu allen css und js-Dateien, den gridster-Eintrag und NUR das Menu

Code Auswählen

  
<div class="gridster" >
  <ul>
    <li data-row="1" data-col="1" data-sizex="1" data-sizey="4" data-template="menu.templ"></li>
  </ul> 
</div>

Beim Laden der Seite wird nun index.html geladen und das Menu. Im Menu entscheidet das pagetab-Widget nun, welche Seite wirklich geladen werden soll. Diese wird dann im HIntergrund geladen und der Inhalt des Gridster-Tags wird dann durch diese Inhalte ersetzt. Da nur der Gridster-Inhalt ersetzt wird, sind keine weiteren css/JS includes nötig und eigentlich braucht man auch keine vollständige HTML-Seite, denn es wird ja nur ein innerer Teil ersetzt.

Etwas unschön ist noch, dass das Menu zweimal geladen wird, da es ja in index.html enthalten sein muss (um überhaupt ein pagetab widget zu haben) und auch nochmal in der Unterseite, die dann zusätzlich geladen wird. Dies ist momentan notwendig, da der ganze Gridster-Inhalt (inklusive dem Menu) ersetzt wird.

Vorteil:
- Alle Unterseiten sind identisch strukturiert. Es gibt keine Unterschied mehr zwischen "Einstiegsseite" also was standardmässig angezeigt wird beim Einstieg in das ftui und den Unterseiten. Ich persönlich finde das klarer und einfacher.
- Der Reload funktioniert auch auf Unterseiten (Und das war für mich das eigentliche Ziel)

Ich hoffe das war etwas klarer beschrieben.

Gruss,
Johannes

PS: Wenn wir die beiden pagetab-Varianten nicht zusammenführen können, wäre es auch denkbar meinen pagetab umzubenennen in subscreen o.ä.

Risiko · 25 Mai 2015, 19:19:30

Zitat von: setstate am 21 Mai 2015, 20:45:16
1. Erweiterung Dimmer Widget
- neues Attribut "data-dim" für ein separates Reading für den Dimmer

Der Dimlevel wird prima synchronisiert. Habe aber Probleme mit dem Status (on,off)
Dieser stimmt erst nach einem page reload.
Im consolen log ist nichts zu finden. Ideen?

Danke. Risiko.

setstate · 26 Mai 2015, 00:54:52

Updates von nesges, viegener und mir sind eingechecked:

- Select Widget kennt jetzt data-quote, um zum Beispiel ein Playlist mit Leerzeichen auswählen zu können. Die List kann dann mit Anführungszeichen umschlossen werden.
- mit <meta name="widget_margin" content="3"> kann man die Abstände der Gridster Elemente kleiner machen
- Weather Widget hat jetzt das Proplanta Matching für "Nebel" (M)
- Slider Widget kann jetzt optional auch mit data-width / data-height beeinflusst werden.
- Pagetab and readingsgroup Widget von viegener

SvenJust · 26 Mai 2015, 07:46:14

Hallo,

seit dem Update funktioniert bei mir bei dem label das data-fix nicht mehr. Es werden jetzt alle Nachkommastellen einer Zahl angezeigt.

Kann dies jamand bestätigen? Danke!

VG
Sven

update71 · 26 Mai 2015, 07:46:44

Zitat von: setstate am 26 Mai 2015, 00:54:52
Updates von nesges, viegener und mir sind eingechecked:

- Select Widget kennt jetzt data-quote, um zum Beispiel ein Playlist mit Leerzeichen auswählen zu können. Die List kann dann mit Anführungszeichen umschlossen werden.
- mit <meta name="widget_margin" content="3"> kann man die Abstände der Gridster Elemente kleiner machen
- Weather Widget hat jetzt das Proplanta Matching für "Nebel" (M)
- Slider Widget kann jetzt optional auch mit data-width / data-height beeinflusst werden.
- Pagetab and readingsgroup Widget von viegener

Super .... *daumenhoch* und immer wieder Danke an alle die helfen und bauen !!!

Sind für das pagetab-widget von viegener noch die js Anpassungen nötig oder habt ihr die jetzt per default im code?

setstate · 26 Mai 2015, 08:49:38

Zitat von: SvenJust am 26 Mai 2015, 07:46:14
Hallo,

seit dem Update funktioniert bei mir bei dem label das data-fix nicht mehr. Es werden jetzt alle Nachkommastellen einer Zahl angezeigt.

Kann dies jamand bestätigen? Danke!

VG
Sven

Danke Sven,

trotz 4-Augen Prinzip ist ein Bug durchgerutscht. Ist jetzt gefixed.

Sorry

SvenJust · 26 Mai 2015, 08:59:46

Vielen Dank für die schnelle Korrektur und eure tolle Arbeit.

Phil__ · 26 Mai 2015, 11:55:30

Gibt es die Möglichkeit aus dem oa fonts nur die von mir benötigten icons zu exportieren und in einen font zu packen. Wenn ja kann mir das jemand erklären? Werde aus dem wiki nicht schlau...

Viele Grüsse