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

[Bennemannc]

Hallo Sandra,

könntest Du die Eingabe Felder bei get,set und attr größer machen - ggf dynamisch bis max. Breite. Mit den IOS Geräten ist es sehr schwer zu scrollen (rechts / links) - besser gesagt ein Krampf - und dann wäre es schön, direkt auf einen möglichst großen Textausschnitt zugreifen zu können.
Bei der Room Auswahl ( attr xxx room ...) kommen noch die falschen Farben (grün + gelb).
Was mit noch aufgefallen ist, in der linken Spalte (Roomauswahl) kann man den Raum nur durch klicken auf den Text auswählen. In den anderen Styles kann man auch auf die Fläche neben den Text klicken. Keine Ahnung worden das liegt.

Gruß Christoph

[rudolfkoenig]

Falls ich was einchecken kann/soll bitte melden.

Fuer SVG-Styling braucht man zwei weitere Dateien: ios6svg_defs.svg fuer die Farbverlaeufe (auch Hintergrund), und ios7svg_style.css fuer die Farben der Linien/Schriften/etc in den Plots

Es waere gut, die 3 benoetigten Dateien zusammenzulegen, weiss aber noch nicht, wie.

[Blackcat]

Hallo Christoph,

könntest Du die Eingabe Felder bei get,set und attr größer machen - ggf dynamisch bis max. Breite. Mit den IOS Geräten ist es sehr schwer zu scrollen (rechts / links) - besser gesagt ein Krampf - und dann wäre es schön, direkt auf einen möglichst großen Textausschnitt zugreifen zu können.

geändert

Bei der Room Auswahl ( attr xxx room ...) kommen noch die falschen Farben (grün + gelb).

Das Fenster muss ich nochmal bearbeiten, das gefällt mir so noch nicht, aber für jetzt (weiß + blau)

Was mit noch aufgefallen ist, in der linken Spalte (Roomauswahl) kann man den Raum nur durch klicken auf den Text auswählen. In den anderen Styles kann man auch auf die Fläche neben den Text klicken. Keine Ahnung worden das liegt.

display:inline-block --> leider bei iPad webkit nicht volle Zeile, daher habe ich das auf display:block geändert ... nur die volle Höhe nimmt er nicht, oder dann ist der Text oben ausgerichtet

Hallo Rudolf

Falls ich was einchecken kann/soll bitte melden.

Das File sollt dank Christophs Tests die Alphaphase überwunden haben und eincheck bereit sein
ansonsten wäre es glaube ich einfacher, wenn ich zum pgm2 Ordner einen SVN Zugang hätte (dann könnte ich Änderungen etc. direkt einchecken z.B. auch bei neuen Files wie Dashboard, SVG etc.)

Fuer SVG-Styling braucht man zwei weitere Dateien: ios6svg_defs.svg fuer die Farbverlaeufe (auch Hintergrund), und ios7svg_style.css fuer die Farben der Linien/Schriften/etc in den Plots

Danke da werde ich mal reinschauen

[Bennemannc]

Hallo Sandra,

bei den Internals und Reading eines Devices sind die Texte Zentriert - wobei bei den Readings der Zeitstempel rechts ausgerichtet scheint, das könnte aber auch am Platz liegen, dass das so auskommt.
Mir persönlich würde es besser gefallen, wenn die Texte linksbündig währen.
Bei den Edit Files ist das auch so, allerdings stört es mich dort nicht so, da es dort ja nur eine Datenspalte mit dem Dateinamen gibt.

Gruß Christoph

[Blackcat]

Hallo Christoph

geändert.
Danke nochmal für das gute Testen 

[rudolfkoenig]

@Blackcat: bitte sourceforge login (nicht OpenId) per PM an mich

[Bennemannc]

Hallo Sandra,

ich habe mich zu bedanken, alleine hätte ich so etwas nicht zusammenbekommen. Und dann hast Du ja noch alle meine Wünsche erfüllt.

Klasse Arbeit

Noch einmal Danke
Gruß Christoph

[Blackcat]

Vielen Dank,
Freut mich, dass es dir auch gefällt (wenn ich es nur alleine nutzen würde wäre es ja auch schade)

checke es dann ein sobald ich freigeschaltet bin

PS: ich hoffe ich kann dich auch zum Testen der SVGblogs, des Dashboards und Floorplans gewinnen, wenn ich soweit bin. Mein System ist noch sehr klein (3 Lampen und sysmon für den Pi), daher fehlt mir da immer noch die Masse.... Vorallem ein Dashboard fehlt mir ...

[Bennemannc]

Hallo Sandra,

also mit Dashboard habe ich bis jetzt noch nichts gemacht. Floorplan - habe ich entschieden - ist zu oversized für mich. Ich weiß auch so wo die Räume sind. Zudem steuere ich nur Rollos, Heizung, ... Das Licht im Wohnzimmer und den Fernseher mache ich immer noch selbst an - und das wird auch so bleiben.
Das mit dem Dashboard finde ich schon interessant, habe mich aber bisher noch nicht damit beschäftigt. Ich habe zunächst mal so nach und nach die Hardware angeschafft, eingebaut und eingerichtet. Im Moment versuche ich meine Oregon Wettersensoren (ohne den teuren RFXTRX) in Fhem einzulesen. Da ich bis jetzt nichts mit Perl zu tun hatte tue ich mich dort einigermaßen schwer. Vor allem die regexp sind für mich immer noch böhmische Dörfer. Ich habe früher mal Pascal, Basic und später Lisp und unser Gis-System (Java like) programmiert und mache regelmäßig mit SQL rum, aber das ist eben doch etwas ganz anderes.

Gruß Christoph

[Blackcat]

Hallo Christoph,

Licht, Rollos und Heizung ist doch auch schon was.
Mein Floorplan ist auch eher nur das Beispielsbild aus dem Wiki mit den 3 Lampen, soll sich aber sobald ich umziehe ändern. Das Dashboard mit den Tabs etc. ist schon sehr mächtig, da kann ich mir gut Temperatur-Anzeigewidgets, Wetter etc vorstellen, ggf. auch eine Uhr

Bin beruflich .net Entwickler. Habe also eher mit C#, Xaml und SQL zu tun. Webentwicklung habe ich früher viel gemacht (php, MySQL,Flash) daher kommen meine Css Kenntnisse. Pascal habe ich auch mal gemacht, ist aber schon ewig her... Naja und Klassiker wie Java oder lustige sachen wie ruby und python habe ich durch
Perl war mir vor Fhem auch nicht bekannt (außer der Name), ist aber recht ähnlich zu Php bis auf die Übergabeparameter Definition...

[Jens_B]

Hallo zusammen,

ich habe das Style jetzt auf meinem iPad auch mal probiert. Das gefällt mir schon sehr gut Allerdings noch eine Kleinigkeit:
Wenn ich in einem Raum mehrere Spalten habe, dann skaliert es leider noch nicht richtig (keine Ahnung ob man das überhaupt ändern kann).
Es sieht dann immer so aus, das die eine Spalte nach rechts "rausfällt".


Ich hänge mal einen Screenshot dran.

Gruß
Jens

[Blackcat]

Hallo Jens,

freut mich zu hören.
Das Problem sind wahrscheinlich die Slider (die haben im Moment eine Mindestgröße von 150px)
habe diese nun auf 50 reduziert mit dynamischer Größenänderung, wenn Platz ist (habe nur keinen Slider zum Testen, außer die Democonfig).

Hat das bei anderen Styles auf eine Seite gepasst? Dann kann ich dort mal schauen

Viele Grüße
Sandra

[Bennemannc]

Hallo Sandra,

ich habe auch mal mit Dashboard angefangen. In der letzten Version (Thread oben) ist irgendetwas an den Slidern kaputt gegangen. Im Dashboard stehen die bei 100 ungefähr in der Mitte.
In der "normalen Ansicht" steht einer richtig und ein anderer mit 100 rechts neben der blauen Linie.

Gruß Christoph

[Blackcat]

Schade...
habe den Slider jetzt etwas verkleinert, leider kommt er scheinbar nicht mit Prozentwerten klar

[Bennemannc]

Hallo Sandra,

jetzt passt es wieder.

Gruß Christoph