Responsive iOS 6 Theme für FHEM (CSS + JS) sowohl für iOS, Android und Desktop!

[CoolTux]

https://forum.fhem.de/index.php/topic,98203.0.html

Hier der Link zum Thread mit einem Darstellungsproblem.

[Blackcat]

Vielen Dank

Es ist die Response von:
fhem?XHR=1&inform=type=status;filter=room=Bewohner;since=1552238010;fmt=JSON&fw_id=517&timestamp=1552238011787

hier wird ein JSON erwartet es kommt aber 1 zurück, somit geht das JQuery Match schief.

[CoolTux]

Bedeutet es müsste etwas in FHEMWEB angepasst werden?

[rudolfkoenig]

hier wird ein JSON erwartet es kommt aber 1 zurück, somit geht das JQuery Match schief.

Wie kann man es reproduzieren?
fhem.cfg.demo mit ios6 oder ios6touchpad scheint keine Probleme zu haben.

[Blackcat]

Wichtig sind folgende Attribute:

Code Auswählen Erweitern

attr WEB JavaScripts codemirror/fhem_codemirror.js pgm2/ios6.js
attr WEB stylesheetPrefix ios6touchpad

Dann auf das Fhem Haus klicken um das Menü auf und zuzuklappen.

ios6.js überschreibt dem Link mit einem Click event, dass eine Neuberechnung der Seitenbreite durchführt

[rudolfkoenig]

ios6.js überschreibt dem Link mit einem Click event, dass eine Neuberechnung der Seitenbreite durchführt

Ich meine dabei sollte die urspruengliche Funktionalitaet mit

Code Auswählen Erweitern

$("#logo").closest("a").removeAttr("onclick");o.Ä. entfernt werden, jedenfalls gibt es bei mir damit keine Fehlermeldung mehr.

[det.]

Hallo Sandra,
Irgendwas hat sich nach dem heutigen Update verschlimmbessert. iPad2018 mit IOS 12.1.4 

[Blackcat]

Hallo det,

ich habe die Umbrucheinstellung wieder entfernt, das war ein Zwischenstand der aber scheinbar nichts gebracht hat.

Dafür habe ich jetzt auch meine eigentliche Arbeit vom Wochenende fertig und suche noch Tester.

Ich habe viele Berechnung durchgeführt und nun alle Spalten zueinander ausgerichtet (siehe vorher nachher Bilder).

PS: Vielen Dank Rudolf, das hat großartig geklappt!

[det.]

Hallo Sandra,
Danke für die schnelle Rückmeldung. Wenn ich was testen soll, Zeit und Lust dazu habe ich. Verpflichtung auch, schließlich nutze ich ausschließlich Deinen Style schon ewig, auch am Windows PC.

[Blackcat]

Danke det

Zum Testen habe ich den Post vorher zwei Dateien hochgeladen 

PS: ich habe mittlerweile ios 10 + Natürlich Windows aber ich mag immer noch den alten Look sehr gerne mit dem ios 7 flat konnte ich mich nicht so anfreunden, dann eher Win10 Kacheln

PS: Testen lässt sich gut bei Tabellen, die alle unterschiedlich viele Spalten haben, die Elemente sollen untereinander beginnen

[det.]

Hallo Sandra,
Danke, die Dateien hatte ich nach meiner Antwort dann schon entdeckt... Eingespielt und die Umbrüche sind weg. mMn sind die Abstände zwischen den Device Namen und den icons / Werten etwas zu knapp. Schau mal, hab paar Bilder angehängt.

[Blackcat]

Habe etwas Platz eingefügt, ist es jetzt besser?

ps:
mit diesen Dateien geht ios6 nun perfekt ohne diese Zeile:

Code Auswählen Erweitern

attr WEB JavaScripts pgm2/ios6.js

[det.]

 
Danke, viel besser!

[Blackcat]

ich habe hier eine weitere Version gebaut, die breite Slider bei großen Screens zuklappt und auch lange Texte wieder umbrechen sollten (letzteres kann ich leider nicht testen).

[FlatTV]

keine Ahnung welcher Stand bis gerade im SVN ist, aber der Style ist jetzt hin.