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

[Blackcat]

Ich empfehle auf allen Geräten den ios12touchpad Style!
Vorteil nur noch ein Port, eine Config etc

Hallo ihr Lieben,

da in letzter Zeit immer mal wieder Fragen/Probleme zum iOS 7 Style gekommen sind, das ich leider nicht entwickelt habe.
Dachte ich baue euch ein neues für iOS 12 auf Basis meines iOS 6 Themes (also gut vertestet) mit den bekannten Features:

• responsive Design für alle Geräte
• Menü lässt sich ein und ausklappen
• ...

Bevor ich es einchecke suche ich noch Tester.
Interesse? Dann runterladen in /opt/fhem/www/pgm2 kopieren und bei select style -> ios12touchpad auswählen

Anbei noch zwei Bilder.

[det.]

Hallo Sandra,
soeben getestet, funktioniert wie ios6. Für jemanden dem es besser gefällt, ist es auf jeden Fall eine gleichwertige Alternative. Ich bleibe beim gewohnten io6 Style, da ich für mich keinen Wechselgrund ausmachen kann. (det. == ewig Gestriger  )

[Blackcat]

Super danke 

PS: ich bleibe auch weiter beim gestern  Das flat Design ist einfach nichts für mich, aber scheinbar von allen anderen gewünscht

[Blackcat]

Da bisher alle Tests positiv waren, gibt es das style seid heute im offiziellen Update. Viel Spaß 

[Hauswart]

Was ist den der unterschied zwischen Touchpad und dem "Normalen"?

[Blackcat]

Das default ruft nur die touchpad Dateien auf  also kein Codeunterschied
Man spart also Website Calls.

FHEM an sich reagiert bei touchpad etwas anders als im normalen Style z.B. :
- Touchpad ist bei Fhem für Fingerbedienung optimiert. Ich habe aber meine Styles immer so entwickelt, dass die Maus im Touchpadmodus genauso gut funktioniert wie im default.
- Im Touchpadmodus werden die "Zum Startbildschirmfunktionen" von Apple besser unterstützt, da Links keine neuen Tabs öffnen, die volle Screenhöhe genutzt und das Symbol besser dargestellt werden, auch mit Android funktioniert Touchpad aus den Gründen besser.
- Plots haben eine andere Größe (schmäler)

Da das Style sich automatisch an das Device anpasst (egal ob Smartphone, Tablett oder PC) ist eben nur ein Style nötig. Ich habe aber die Wahlmöglichkeit gegeben, damit ausschließliche PC-Nutzer, sich die zusätzlichen Meta HTML Tags sparen können und das default nehmen können, z.B. wegen größeren Plots.

[no_Legend]

@Blackcat
Danke für deine Arbeit.
Ich habe es jetzt auch schon ein paar tage getestet, läuft so weit eigentlich ganz gut.

Ein paar Kleinigkeiten sind mir allerdings dann doch aufgefallen, über die man diskutieren kann.
1. DeviceNames alle Buchstabensind Groß geschrieben.
Wenn man in der Page von einem Device drin ist, werden alle Buchstaben des DevicesName große geschrieben.
Naja unterdrunter stehen ja die richtigen FHEM Namen, kann man mit leben
2.ReadingsNames
Das gleiche wie bei 1. nur hier  finde ich es absolut un angepasst.
Die Readings dienen ja auch dazu um per DOIF usw. damit etwas anzufangen.
Bedeutet also, wenn man nicht weiß wie das Reading genau benannt ist, wird man nie ein funktionierendes DOIF bauen können.

Dazu nun meine Frage, kann man dass verhalten für Punkt 1 und Punkt 2 anpassen?

Danke und Gruß Robert

[mike1969bln]

Hallo,

vielen Dank für den Style.
Das mit der Großschreibung finde ich auch anstrengend und platzverschwendend.


Gesendet von iPhone mit Tapatalk

[Blackcat]

Ich habe die Großschreibung entfernt

[DJCrazy]

Hallo Blackcat,
gibt es ne einfache Möglichkeit das du das selbe Theme für den Darkmode erstellst?
Sprich Funktionen alles gleich nur die Farben aus dem Dark Syle.

Finde deinen Style echt super.

Gruss, Fabian