FHEM Dashboard

[Talkabout]

Hallo zusammen,

hier die angepasste Version mit dem CSS, damit das Padding bei den ReadingsGroups entfernt wird.

Es wäre klasse wenn diese Version von mind. 2 Personen mal durchgeschaut wird, damit ich es guten Gewissens commiten kann.

Danke!

Gruss

[ext23]

Ja irgendwie bin ich hier der Einzige der rummeckert

Also sieht ganz gut aus jetzt! Man kann es bestimmt noch verbessern aber das passt jetzt so, also ich bin zufrieden!
Ich werde dann die Tage mal ein bissel rumtesten.

Gruß
Daniel

[Talkabout]

Ja irgendwie bin ich hier der Einzige der rummeckert

Schade eigentlich Aber ich danke Dir vielmals für Deine Geduld und das regelmässige Feedback! Es hat mir sehr geholfen!

...Man kann es bestimmt noch verbessern...

Hast Du dazu konkrete Ideen?

[ext23]

Hast Du dazu konkrete Ideen?

Nein, das ist so Kleinzeugs, wie das oben der Titel innerhalb der RG dieselbe Farbe hat wie die erste Reihe. Aber wie gesagt da muss ich mal drüber nachdenken. Mich stört das nicht wirklich, das wäre jetzt wirklich nur aller Krümelkacker. Ich muss mir das mal in Ruhe anschauen, wichtig ist ja das es funktionell geht und das tut es ja scheinbar. Ich werde die Tage noch ein wenig "rumspielen". Ab Sonntag bin ich mal kurz für eine Woche in Seattle, da werde ich wenig Zeit haben.

Gruß
Daniel

[justme1968]

ich bin gerade unterwegs und kann nicht teste. der letzte screenshot schaut aber sehr gut aus.

kannst du einen vorschlag machen mit dem man den gleichen effekt auch bekommt wenn readingsGroup in einer normalen gruppe verwendet wird? da gibt es das problem mit den doppelten rahmen ja auch.

ich weiss aber nicht ob es etwas ist das man global einschalten sollte.

gruss
  andre

[Talkabout]

ich bin gerade unterwegs und kann nicht teste. der letzte screenshot schaut aber sehr gut aus.

kannst du einen vorschlag machen mit dem man den gleichen effekt auch bekommt wenn readingsGroup in einer normalen gruppe verwendet wird? da gibt es das problem mit den doppelten rahmen ja auch.

ich weiss aber nicht ob es etwas ist das man global einschalten sollte.

gruss
  andre

Hallo Andre,

das Maximum, was man generisch rausholen kann, siehst Du im Anhang. Das Problem ist, dass ich nicht abschätzen kann, was für Seiteneffekte dieser Style hat. Wenn sich jemand mal die Mühe machen will, zu prüfen ob sonst alles passt, sollte in der Datei

fhem/www/pgm2/darkstyle.css

die Zeile:

Code Auswählen Erweitern

td {padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px;}

ersetzen durch:

Code Auswählen Erweitern

td:not([informid]) {padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px;}
td[informid] > table {width: 100%; padding: 0px; }
td[informid] > table > tbody > tr > td {padding: 0px; }

Leider sind die einzelnen HTML-Elemente nicht mit CSS-Klassen hinterlegt, was das Skinning etwas schwierig macht.

Gruss

[justme1968]

für die group und die readingGroup tabelle jeweils eine css klasse einzubauen sollte kein problem sein. das gleiche Gilde denke ich für die Tabellen in der raum und detail ansicht. ich denke da würde auch rudi mit machen.

gruss
  andre

[Talkabout]

für die group und die readingGroup tabelle jeweils eine css klasse einzubauen sollte kein problem sein. das gleiche Gilde denke ich für die Tabellen in der raum und detail ansicht. ich denke da würde auch rudi mit machen.

gruss
  andre

Im Anhang die aktuelle HTML-Struktur. Ich habe bei den ReadingsGroups bereits eine Klasse hinzugebaut (readingsGroupContainer). Was wir also bräuchten wären CSS-Klassen für:

td (mit dem Attribut "informid") (müsste Rudi machen)
table (mit der "readingsGroupContainer"-Klasse in meinem Screenshot) (müsste Andre machen)

Damit könnte man den Style, wie im vorherigen Post, einbauen.

Gruss

[Talkabout]

Hallo zusammen,

zu meinem oberen Post noch eine Ergänzung. Optimal wäre es, wenn die "td" abhängig davon, was sie beinhaltet, eine andere CSS-Klasse hat. Z.b.

Inhalt: readingsGoup => Klasse: readingsGroup
Inhalt: SVG => Klasse: SVG
Inhalt: Gerät => Klasse: Device

Damit könnte man gezielt, nur bei readingsGroups, entsprechende Styles vergeben. Damit wären wir auf der ganz sicheren Seite. Ich habe mir das vom Code her noch nicht angeschaut, aber ich vermute mal, dass es machbar sein müsste.

Gruss

[justme1968]

oder sogar direkt den device TYPE als zusätzliche klasse verwenden. dann könnte man das stylen noch feiner granular machen.

ich schaue mir das mal an wenn ich zurück bin.

gruss
  andre

[HoTi]

Ja irgendwie bin ich hier der Einzige der rummeckert

Wenn ihr alle mitten in der Nacht testet müsst  Ich muss um 4Uhr aufstehen deswegen schalfe ich um die zeiten 

Doppelt "rummeckern" muss ich nicht.

Aber wenn du noch was zu tun haben willst. -> Der Vollbildmodus wäre noch auf der Wunschliste. Sonnst ist das "super geil" geworden bis hier hin!

[Talkabout]

Aber wenn du noch was zu tun haben willst. -> Der Vollbildmodus wäre noch auf der Wunschliste. Sonnst ist das "super geil" geworden bis hier hin!

was fehlt Dir da genau? Mit dem Parameter

Code Auswählen Erweitern

attr XXX dashboard_showfullsize 1

solltest Du genau das erreichen.

Gruss

[stephanr]

Seitdem readingsgroup per longpoll aktualisiert werden bin ich total zufrieden.  Am Wochende kann ich aber auch gerne nochmal das neueste Release einspielen und testen. Ihr legt hier aber auch gutes Tempo vor! Soviel Zeit könnte ich nicht aufbringen.

[HoTi]

was fehlt Dir da genau? Mit dem Parameter

Code Auswählen Erweitern

attr XXX dashboard_showfullsize 1

solltest Du genau das erreichen.

Gruss

Da muss ich jetz um Entschuldigung bitten. Durch die ganzen Versionen ist bei mir diese Anderung  unter gegangen!!

[ext23]

Wenn ihr alle mitten in der Nacht testet müsst  Ich muss um 4Uhr aufstehen deswegen schalfe ich um die zeiten 

*lol*

Aber ich hab noch was, es gibt doch oben dieses Konfigurationsmenü wo man die Farben der Tabs etc. einstellen kann. Das ist ja im Moment nur ein Mock-up oder? Das könnte man mal noch "aktivieren"

Gruß
Daniel