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

[HolyMoly]

Geniales Theme, mein neuer Standard

Meinst du man könnte noch die Kompatibilität mit dem Residents Modul erhöhen?

[Bennemannc]

Hallo Sandra,

hier ist der Code aus der Fhem.cfg für einen Funktaster

Code Auswählen Erweitern

define Funktaster_01 CUL_HM 1CDD6B
attr Funktaster_01 IODev HMLAN1
attr Funktaster_01 alias Funktaster 1
attr Funktaster_01 autoReadReg 4_reqStatus
attr Funktaster_01 expert 1_on
attr Funktaster_01 firmware 1.3
attr Funktaster_01 icon control_standby
attr Funktaster_01 model HM-PBI-4-FM
attr Funktaster_01 room CUL_HM
attr Funktaster_01 serialNr KEQ0256990
attr Funktaster_01 subType pushButton
attr Funktaster_01 webCmd getConfig:clear msgEvents
define Funktaster_01_Sw_01 CUL_HM 1CDD6B01
attr Funktaster_01_Sw_01 model HM-PBI-4-FM
attr Funktaster_01_Sw_01 peerIDs 00000000,
define Funktaster_01_Sw_02 CUL_HM 1CDD6B02
attr Funktaster_01_Sw_02 model HM-PBI-4-FM
attr Funktaster_01_Sw_02 peerIDs 00000000,
define Funktaster_01_Sw_03 CUL_HM 1CDD6B03
attr Funktaster_01_Sw_03 model HM-PBI-4-FM
attr Funktaster_01_Sw_03 peerIDs 00000000,
define Funktaster_01_Sw_04 CUL_HM 1CDD6B04
attr Funktaster_01_Sw_04 model HM-PBI-4-FM
attr Funktaster_01_Sw_04 peerIDs 00000000,
Die einzelnen Buttons erscheinen bei mir im Raum "unsorted". Dort gibt es in der Rubrik "internals" (oberster Block) ganz unten den Eintrag "Device". Bei den anderen Styles ist das ein Link auf das Device. Bei Deinem Style wird der Link nicht geöffnet.
Schau mal ob das so läuft, oder ob Du daraus ein DummyDevice machen musst.

Gruß Christoph

PS was mir gerade noch aufgefallen ist, beim Dashboard ist noch/ wieder der alte Hintergrund (Farbe) drin.
-- Konfusion: jetzt sind die Farben wieder richtig! Keine Ahnung warum ! Ich habe nichts gemacht - keinen Style umgestellt oder so. Werde das mal beobachten.
Habe gerade mal probiert - auf IOS7 umgestellt und Dashboard aufgerufen - dann sind noch die Farben von Deinem Style drin. Liegt also am Dashboard.

[Blackcat]

Hallo Christoph,

habe vorher noch eingefügt:

Code Auswählen Erweitern

define CUL_HM dummy

nur kann ich dein Problem noch nicht nachvollziehen, ich konnte auf den Link klicken (schwarz umrandet) 

PS: Das Dashboard sollte die Farben des Standards haben, da ich das File bisher nur kopiert und nicht angepasst habe.
alles andere wird ein Cacheproblem gewesen sein

@HolyMoly
Danke
Ich werde schaun, was ich tun kann

[Bennemannc]

Hallo Sandra,

ich habe mal etwas experimentiert. Ich hatte den codemirror aktiviert. Der scheint dazwischen zu funken. In den anderen Styles funktioniert es auch mit Codemirror.

Gruß Christoph

Edit - jetzt gehts auch mit codemirror. Den Browsercache und den Verlauf hatte ich vorher schon gelöscht. Ich habe nur rereadcfg aufgerufen.

[Blackcat]

super

dann passt es ja.

Habe etwas an der room select Ansicht experimentiert.
Den Bug, dass auf dem iPad jQuery nicht geladen wird konnte ich leider nicht lösen, dafür habe ich jedoch ein paar Formatierungsmittel eingebaut... ob ich das Einbauen darf muss ich aber mit dem zuständigen Entwickler klären, aber so könnte das aussehen.

@HolyMoly: Residents angepasst

[Bennemannc]

Hallo Sandra,

sieht klasse aus. Kannst Du das ggf. Schalter einbauen? Das wäre dann richtig IOS Style.

Gruß Christoph

[Jens_B]

Wow sehr cool. Wenn man das jetzt noch für an aus oder on Off am jeweiligen device hätte:)



Gesendet von meinem iPhone mit Tapatalk

[Blackcat]

sieht klasse aus. Kannst Du das ggf. Schalter einbauen? Das wäre dann richtig IOS Style.

Hallo Christoph,

Danke
Im Moment ist es ein Label für eine Checkbox... (leider habe ich noch nicht herausgefunden, wie ich sie ausblende ohne die Schaltfunktion zu verlieren).
wenn für on:off eine Checkbox möglich ist, geht das, ist nur die Frage ob die Funktion im System schon existiert, oder ob ich dafür ein webcmd Objekt wie z.B. slider mit einer Checkbox anlegen muss.

[Blackcat]

So letztes Feature für heute, Icons im Menü veriOSst
Kommt morgen im Update

TODO:
-Sysmon
-Dashboard
-Wünsche?

[det.]

So letztes Feature für heute, Icons im Menü veriOSst
Kommt morgen im Update

TODO:
-Sysmon
-Dashboard
-Wünsche?

alle Achtung, das entwickelt sich zu einer echten Alternative zum Standardtablettheme in gelb. An das finstere darktheme konnte ich mich nie gewöhnen.
- Wünsche - klar - unverschämte:

[Bennemannc]

Hallo Sandra,

wie bekommt man denn die Icons vor die Räume?

Gruß Christoph

[Blackcat]

@det. : Auf den ersten Blick würde ich sagen funktioniert jetzt schon, ggf. Nur die Farbe hinter den Icons nicht.
Kann es aber nicht testen dafür bräuchte ich ein Beispiels sonos define

@Christoph

Code Auswählen Erweitern

attr WEBtablet roomIcons Save.config:im_disk Floorplans:floor Dashboard:im_meter Bewohner:im_users Konfiguration:im_wrench Licht:im_brightness-medium Steuerung:im_target System:im_cog Everything:im_book Logfile:im_file4 Commandref:im_code Remote.doc:im_paragraph-left2 Edit.files:im_pencil Select.style:im_html5 Event.monitor:im_eye Restart:system_fhem_reboot Update:system_fhem_update Benutzer:im_user Administration:im_cog2

Ich habe hier die IcoMoon Icons mitverwendet, die wahrscheinlich manuell über ein zip geladen werden müssen (siehe Icons Thread)

[det.]

Hallo Sandra,
Risiko - ausprobiert - funktioniert - danke!

[toupman]

Ich habe hier die IcoMoon Icons mitverwendet, die wahrscheinlich manuell über ein zip geladen werden müssen (siehe Icons Thread)

Wo kann man denn das zip laden?

Ich habs schon gefunden und die Icons sind jetzt bei mir drin

Nur im Dashboard habe ich noch den Tabhintergrund vom Standard Style, aber das ist woh lncoh so.

Wird es dein Style auch in einer Browser und I-Phone Variante geben? Bis jetzt gibt es ja erst Tablet.

[Jens_B]

Hallo Sandra,

das Theme sieht echt schon super aus. Die Icons in der Roomliste gefallen mir sehr gut
Kann man das jetzt alles auch noch so einstellen, wenn man mit der Maus über anwählbaren Text fährt (links auf die Räume zum Beispiel), das der Text dann quasi highlighted ist? Oder dicker? Beim dark them ist das so.

Ich weiß nicht wieviel man machen kann.

Gruß
Jens