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

Begonnen von Blackcat, 09 Mai 2014, 15:56:23

Vorheriges Thema - Nächstes Thema

Jens_B

Hallo Sandra,

also jetzt sieht es folgendermaßen aus (siehe screenshot).
Bei dem style darktouchpad sieht es wie auf dem 2. Bild aus.
Wobei der Style sich auch nicht in allen Räumen "sauber" verhält. Die Ursache dafür habe ich nicht finden können.

Gruß
Jens

RaspberryPi 4 (Raspian Buster)FHEM+Homebridge
HMLAN für Homematic
Z-Wave USB Stick
Shelly Devices
Fritz!Box 7590Ax

Blackcat

Hallo Jens,

probier es mal damit  ::)
Viele Grüße Sandra - FHEM Style Entwicklerin iOS6+12
-----
ZBox nano, Homematic, Homebridge, Hue + Mi Light, ZWave, Dyson, etc.
https://www.foodcat.de
https://www.youtube.com/c/FoodCat (hier gibt es auch immer mehr Hausautomatisierungsvideos)

Jens_B

Jippie, jetzt sieht es gut aus :)

Sehr schön :) Danke

gruß
Jens

RaspberryPi 4 (Raspian Buster)FHEM+Homebridge
HMLAN für Homematic
Z-Wave USB Stick
Shelly Devices
Fritz!Box 7590Ax

Blackcat

Super :) das freut mich

Eins fällt mir noch auf: Der Abstand von normalem Text zum Rand der Tabelle ist zu klein, das werde ich noch anpassen, zudem wird das Roomauswahl Fenster bei attr eine neue Optik bekommen und den inset box shadow Bug bei den Inputs habe ich behoben.
Das file kommt sobald ich damit durch bin.

PS: wie hast du eigentlich die Systembuttons vom Menü ausgeblendet ? ::)
Viele Grüße Sandra - FHEM Style Entwicklerin iOS6+12
-----
ZBox nano, Homematic, Homebridge, Hue + Mi Light, ZWave, Dyson, etc.
https://www.foodcat.de
https://www.youtube.com/c/FoodCat (hier gibt es auch immer mehr Hausautomatisierungsvideos)

Jens_B

#34
ZitatPS: wie hast du eigentlich die Systembuttons vom Menü ausgeblendet ?

das habe ich über das Attribut "hiddenroom" im WEBtablet gemacht:

attr WEBtablet hiddenroom detail,save,Forum,Everything,Commandref,Unsorted,input,Edit files,Remote doc,Event monitor,Save config,Logfile,Howto,Select style

Alles was für Bedienung im Webtablet unwichtig ist habe ich da eingetragen.
Achso ich vermute du meinst mein Raum "System" hat diese Kommandos enthalten?
Ne, den habe ich nur so genannt, weil dort eben Solche Sachen wie der HMLAN Adapter oder der FB_CALLMONITOR zu finden sind. Auch das Global Device hab ich dort untergebracht .

Gruß
Jens
RaspberryPi 4 (Raspian Buster)FHEM+Homebridge
HMLAN für Homematic
Z-Wave USB Stick
Shelly Devices
Fritz!Box 7590Ax

Blackcat

Geschickt gemacht mit dem Hiddenroom.
Wusste nicht, dass das mit allen Buttons geht  :)
Probiere ich auf jeden fall aus, wenn ich weniger zu konfigurieren habe... Das mache ich teilweise im Moment auch über das iPad

Funktionieren eigentlich die Inputs bei Set dann noch, wenn du den oben ausblendest?
Viele Grüße Sandra - FHEM Style Entwicklerin iOS6+12
-----
ZBox nano, Homematic, Homebridge, Hue + Mi Light, ZWave, Dyson, etc.
https://www.foodcat.de
https://www.youtube.com/c/FoodCat (hier gibt es auch immer mehr Hausautomatisierungsvideos)

Jens_B

ZitatFunktionieren eigentlich die Inputs bei Set dann noch, wenn du den oben ausblendest?

Äh, ich glaube nicht. Ich habe ja im Webtabletinterface sogar das soweit, das dort nicht mehr auf das Device geklickt werden kann. Es darf im Webinterface nix mehr konfiguriert werden. Wenn sonst versehentlich jemand auf das device klickt... Es soll ja Familienkompatibel sein ;)... Also nur gucken nicht anfassen oder verstellen...

Die Kommandozeile oben habe ich ja auch ausgeblendet. Mich hat bisher immer an den Styles gestört, das das FHEM Icon so groß war und dadurch die Raumliste so unsäglich nach unter gerutscht ist... Mit deinem Style habe ich jetzt auf dem Tablet eine schöne Übersicht.
Ich habe mich noch nicht an die CSS getraut, da ich froh bin einigermaßen FHEM soweit zu haben, das zu tun was ich möchte ;). Nachdem ich mich nun auch etwas mit perl beschäftigt habe....
FHEM ist sehr mächtig, aber nichts für DAUs wie mich ;-).

Gruß
Jens
RaspberryPi 4 (Raspian Buster)FHEM+Homebridge
HMLAN für Homematic
Z-Wave USB Stick
Shelly Devices
Fritz!Box 7590Ax

Blackcat

Zitat von: Jens_B am 12 Mai 2014, 09:26:08
Äh, ich glaube nicht. Ich habe ja im Webtabletinterface sogar das soweit, das dort nicht mehr auf das Device geklickt werden kann. Es darf im Webinterface nix mehr konfiguriert werden. Wenn sonst versehentlich jemand auf das device klickt... Es soll ja Familienkompatibel sein ;)... Also nur gucken nicht anfassen oder verstellen...
Coole Sache :) das merke ich mir auf jeden Fall vor

Zitat
Die Kommandozeile oben habe ich ja auch ausgeblendet. Mich hat bisher immer an den Styles gestört, das das FHEM Icon so groß war und dadurch die Raumliste so unsäglich nach unter gerutscht ist... Mit deinem Style habe ich jetzt auf dem Tablet eine schöne Übersicht.
Genau das war das Ziel und es freut mich dass es gefällt :) leider konnte ich das Haus in der Ecke nur schwarz lassen, dafür ist das Blau dann heller geworden.
Zitat
Ich habe mich noch nicht an die CSS getraut, da ich froh bin einigermaßen FHEM soweit zu haben, das zu tun was ich möchte ;). Nachdem ich mich nun auch etwas mit perl beschäftigt habe....
FHEM ist sehr mächtig, aber nichts für DAUs wie mich ;-).
CSS ist sehr mächtig geworden, aber jeder Browser macht noch immer was er will und der vom iPad ganz speziell ... Wenn man nicht gerne Pixel schubst, kann das schlimm werden  ::)
Aber dafür wie du FHEM konfiguriert hast, würde ich nicht sagen, dass du ein DAU bist :) da bin ich eher einer (wusste nichtmal dass es 2 Spalten geben kann)
Viele Grüße Sandra - FHEM Style Entwicklerin iOS6+12
-----
ZBox nano, Homematic, Homebridge, Hue + Mi Light, ZWave, Dyson, etc.
https://www.foodcat.de
https://www.youtube.com/c/FoodCat (hier gibt es auch immer mehr Hausautomatisierungsvideos)

Jens_B

#38
Aber dafür wie du FHEM konfiguriert hast, würde ich nicht sagen, dass du ein DAU bist :) da bin ich eher einer (wusste nichtmal dass es 2 Spalten geben kann)

doch, doch. Das sind ja alles Dinge kosmetischer Natur und die kann man gut in dem PDF "Heimautomatisierung
mit fhem" von Ulrich Maaß nachlesen.
Aber das Programmieren meiner Rollladen und konfigurieren der Zeitsteuerung (runterfahren hochfahren etc) hat mich als DAU ziemlich Nerven gekostet ;)... Da gibts immer noch was was ich nicht hinbekomme...
Der Status der "Alle Rollladen". (Das ist eine Structure) Dort wird der Prozentschieber immer "0" angezeigt. Egal wie ich es drehe und wende...
Und bis ich den Kram soweit hatte, das mein Licht außen dann angeht, wenns dunkel wird und auch wieder ausgeht... Und das Licht vom Highboard nur unter bestimmten Bedingungen angeht... und und und...
RaspberryPi 4 (Raspian Buster)FHEM+Homebridge
HMLAN für Homematic
Z-Wave USB Stick
Shelly Devices
Fritz!Box 7590Ax

Blackcat

#39
Zitat von: Jens_B am 12 Mai 2014, 09:41:32
doch, doch. Das sind ja alles Dinge kosmetischer Natur und die kann man gut in dem PDF "Heimautomatisierung
mit fhem" von Ulrich Maaß nachlesen.
da sollte ich wohl nochmal genau durchstöbern :)

Zitat
Aber das Programmieren meiner Rollladen und konfigurieren der Zeitsteuerung (runterfahren hochfahren etc) hat mich als DAU ziemlich Nerven gekostet ;)... Da gibts immer noch was was ich nicht hinbekomme...
Der Status der "Alle Rollladen". (Das ist eine Structure) Dort wird der Prozentschieber immer "0" angezeigt. Egal wie ich es drehe und wende...
Und bis ich den Kram soweit hatte, das mein Licht außen dann angeht, wenns dunkel wird und auch wieder ausgeht... Und das Licht vom Highboard nur unter bestimmten Bedingungen angeht... und und und...
Kenn ich, habe die Rollläden auch automatisiert, mit sunset und sunrise.... aber dann darf ja der Rollladen an der Balkontür nicht runterfahren, wenn jemand draußen ist etc...
aber schlimmer war den Kampf mit dem HM-Lan nachdem er sich nach einem Update selbst kaputt gefirmwared hatte.... und natürlich der Einbau der Unterputzaktoren (es war einfach nicht genug Platz) -> neue Leerdose

Habe mir deinen Code mal zum Vorbild genommen und folgendes gemacht:


define WEBtablet FHEMWEB 8085 global
attr WEBtablet hiddenroom Administration
attr WEBtablet iconPath openautomation:fhemSVG
attr WEBtablet menuEntries Restart,cmd=shutdown+restart,Update,cmd=update,Benutzer,cmd=set+sy_admin+off,Administration,cmd=set+sy_admin+on
attr WEBtablet room System
attr WEBtablet stylesheetPrefix ios6touchpad

define sy_admin_on notify sy_admin:on {fhem("attr WEBtablet hiddenroom Administration")}
define sy_admin_off notify sy_admin:off {fhem("attr WEBtablet hiddenroom detail,save,Forum,Everything,Commandref,Unsorted,input,Edit files,Remote doc,Event monitor,Save config,Logfile,Howto,Select style,Restart,Update,Benutzer")}

define sy_admin dummy
attr sy_admin alias Administrationsmodus
attr sy_admin eventMap an:on aus:off
attr sy_admin room System
attr sy_admin webCmd an:aus
Viele Grüße Sandra - FHEM Style Entwicklerin iOS6+12
-----
ZBox nano, Homematic, Homebridge, Hue + Mi Light, ZWave, Dyson, etc.
https://www.foodcat.de
https://www.youtube.com/c/FoodCat (hier gibt es auch immer mehr Hausautomatisierungsvideos)

Bennemannc

Hallo,

also das mit den Rollos fand ich jetzt nicht so tragisch. Die fahr ich auch über Sunrise / Sunset, die Türe wird mit einem HM-SEC-SC2 überwacht. Der Status wird mit IF in dem AT abgefragt. Wenn Türe offen, dann fahren alle Rollos bis auf das an der Türe runter. Ein automatisch ab wenn die Türe dann zugemacht wird habe ich mir gespart. Wenn ich die Türe zu mache, kann ich auch den Knopf daneben drücken um das Rollo runter zu fahren.

Gruß Christoph
Cubietruck, Fhem 5.8
CC-RT-DN|LC-SW2-FM|RC-12|RC-19|LC-SW4-BA-PCB|LCp-SW1-BA-PCB|ES-PMSw1-Pl|LC-Bl1PBU-FM|PBI-4-FM|CC-VD|CC-TC|SEC-SC(2)|RC-KEY3-B|LC-Sw1PBU-FM|PB-2-FM|WDS100-C6-O|WDC7000|LC-Bl1-FM
Module: Dewpoint,FB_Callmonitor,HCS,Panstamp,at,notify,THRESHOLD,average,DOIF

Jens_B

Ja, das ist man richtig clever, mit dem Notify und dem Adminmodus :)

Die beiden Rollladen zu den beiden Terrassen fahre ich abends erstmal nicht komplett runter sondern nur 50%, dann sieht man das rechtzeitig, wenn man draußen ist, und hat Zeit die Zeitsteuerung erstmal zu deaktivieren. Ich werde irgendwann wohl noch einen Fensterkontakt kaufen um das abzufragen.

Bei mir hapert es immer noch mit dem Einschalten des Highboards wenn entweder der Fersneher angeht oder die Rollladen runter gehen. Denn das Highboard soll später wieder ausgehen, wenn der TV ausgeht (und dann sind die Rollladen schon zu).... Und eben nicht immer, wenn der TV angeht (erst nach 18 Uhr zum Beispiel. Naja irgendwie bekomme ich das auch noch hin ;).
RaspberryPi 4 (Raspian Buster)FHEM+Homebridge
HMLAN für Homematic
Z-Wave USB Stick
Shelly Devices
Fritz!Box 7590Ax

Blackcat

ZitatEin automatisch ab wenn die Türe dann zugemacht wird habe ich mir gespart. Wenn ich die Türe zu mache, kann ich auch den Knopf daneben drücken um das Rollo runter zu fahren.
dafür hat man ja noch Schalter ;)

Zitat von: Jens_B am 12 Mai 2014, 11:23:04
Ja, das ist man richtig clever, mit dem Notify und dem Adminmodus :)
gemeinsam kommt man doch auf die besten Ideen :) Danke dir für den Tipp mit hiddenroom

Zitat
Die beiden Rollladen zu den beiden Terrassen fahre ich abends erstmal nicht komplett runter sondern nur 50%, dann sieht man das rechtzeitig, wenn man draußen ist, und hat Zeit die Zeitsteuerung erstmal zu deaktivieren. Ich werde irgendwann wohl noch einen Fensterkontakt kaufen um das abzufragen.

Ich habe dafür ein Dummy gebaut, das man ein und ausschalten kann je nach dem ob man draußen ist oder nicht (reicht erstmal - der Türgriffsensor kommt dann irgendwann nach)

Zitat
Bei mir hapert es immer noch mit dem Einschalten des Highboards wenn entweder der Fersneher angeht oder die Rollladen runter gehen. Denn das Highboard soll später wieder ausgehen, wenn der TV ausgeht (und dann sind die Rollladen schon zu).... Und eben nicht immer, wenn der TV angeht (erst nach 18 Uhr zum Beispiel. Naja irgendwie bekomme ich das auch noch hin ;).
Das wird schon, sind halt ein paar If Abfragen. Sowas wie der Rule Editor hier fehlt halt noch in Fhem: http://www.zipato.com/default.aspx?id=23
aber das wird bestimmt noch :)
Viele Grüße Sandra - FHEM Style Entwicklerin iOS6+12
-----
ZBox nano, Homematic, Homebridge, Hue + Mi Light, ZWave, Dyson, etc.
https://www.foodcat.de
https://www.youtube.com/c/FoodCat (hier gibt es auch immer mehr Hausautomatisierungsvideos)

Jens_B

ZitatSowas wie der Rule Editor hier fehlt halt noch in Fhem: http://www.zipato.com/default.aspx?id=23
aber das wird bestimmt noch :)

Ja, das ist ja man fein. Auch die grafische Oberfläche sieht ja mal richtig ansprechend aus. Aber eben auch noch teurer als Homematic...

RaspberryPi 4 (Raspian Buster)FHEM+Homebridge
HMLAN für Homematic
Z-Wave USB Stick
Shelly Devices
Fritz!Box 7590Ax

Blackcat

Nur die Zentrale ist teuer (wahrscheinlich eben wegen der Oberfläche).
der Rest ist ZWave, aber die Komponenten kann Fhem teilweise auch schon ;)
Es kann dafür aber nicht die Vielfalt von Fhem
und an einer hübschen Oberfläche arbeite ich ja gerade ::)

Regeleditor ist halt was feines aber eben auch Aufwand
Viele Grüße Sandra - FHEM Style Entwicklerin iOS6+12
-----
ZBox nano, Homematic, Homebridge, Hue + Mi Light, ZWave, Dyson, etc.
https://www.foodcat.de
https://www.youtube.com/c/FoodCat (hier gibt es auch immer mehr Hausautomatisierungsvideos)