FHEM Dashboard

Tommy82 · 21 September 2014, 19:38:17

Hallo,
bin hier auf diese Tolle möglichkeit mit dem Dashboard gestossen, und hab mir dazu den Wiki Eintrag und vorallem das "KLeine HowTo" durchgelesen und danach mein erstes Dashboard angelegt.
Aber wie ordne ich den Gruppen jetzt die entsprechenden Geräte zu?

Ein list meines Dashboards sieht so aus:

Code Auswählen

Internals: 
   NAME       Limbach 
   NR         124 
   STATE      Initialized 
   TYPE       Dashboard 
   VERSION    2.13 
   Readings: 
     2014-09-21 19:15:44   lockstate       0 
     2014-09-21 19:13:04   state           Initialized 
Attributes: 
   dashboard_colcount 2 
   dashboard_row center 
   dashboard_rowcentercolwidth 30,70 
   dashboard_tab1groups Fensterkontakte, Heizungsthermostate, Rauchmelder 
   dashboard_tab1sorting t0c0,Fensterkontakte,true,255,99:t0c0,Heizungsthermostate,true,255,99:t0c0,Rauchmelder,true,255,99: 
   dashboard_tabcount 1 
   dashboard_width 80%

Danke für die Hilfe

ph1959de · 21 September 2014, 22:11:44

Zitat von: Tommy82 am 21 September 2014, 19:38:17
Aber wie ordne ich den Gruppen jetzt die entsprechenden Geräte zu?

Umgekehrt: Gruppe (group) ist ein Attribut des Geräts.

Tommy82 · 24 September 2014, 22:08:24

Super, danke genau das wars!

Jetzt sieht es bei mir so aus
(http://img.tapatalk.com/d/14/09/25/7avygu6a.jpg)
Was mich noch nicht so richtig vom Hocker haut. Zum einen hätte ich gerne die Plots (5) am liebsten den einzelnen heizungsthermostaten zugeordnet, zum anderen werden die Thermostate ja auch von den Rauchmelderm überdeckt. Wieso?

Was hättet ihr für Ideen wie ich das schicker gestalten kann?

Danke

Tommy82 · 27 September 2014, 22:43:16

Hi, hänge leider immer noch in der Anordnung....
Ich kann z.b. die Plots nicht verschieben, wieso?
Die Plots liegen jetzt auch z.b. über meinen Fritz Einträgen im Dasboard.
Also optisch ist passt das noch nicht, aber ich kann auch die Plots nicht verschieben, werden immer wieder da hin gesetzt wo sie etzt sind, wieso?

Was mache ich falsch?

Danke

svenson08 · 28 September 2014, 15:24:17

Definiere mehrere Reihen und oder Spalten im Dashboard. Leg die Höhe der Reihen fest. Näheres zu den Attributen kannst du der command_ref entnehmen.

Tommy82 · 28 September 2014, 17:02:38

Hi,
find im Wiki und in der CommandRef nichts was mich weiterbringt.
Ein List vom Dahboard ergibt

Code Auswählen

Internals: 
   NAME       Limbach 
   NR         123 
   STATE      Initialized 
   TYPE       Dashboard 
   VERSION    2.13 
   Readings: 
     2014-09-28 17:06:58   lockstate       unlock 
     2014-09-28 16:50:34   state           Initialized 
Attributes: 
   dashboard_activetab 1 
   dashboard_colcount 5 
   dashboard_row center 
   dashboard_rowcentercolwidth 60,30,30,30,30 
   dashboard_tab1groups Heizungsthermostate, Rauchmelder, Plots, Fritz,Fensterkontakte,Fritz,Heizungsthermostate,Plots,Rauchmelder,Fensterkontakte,Fensterkontakte 
   dashboard_tab1name Limbach 
   dashboard_tab1sorting t0c0,Plots,true,143,1257:t0c1,Heizungsthermostate,true,143,99:t0c2,Fritz,true,143,105:t0c3,Fensterkontakte,true,169,99:t0c4,Rauchmelder,true,143,99: 
   dashboard_tab2sorting 1 
   dashboard_tab3sorting 1 
   dashboard_tab4sorting 1 
   dashboard_tabcount 1 
   dashboard_width 100%

Sieht jetzt so wie im Anhang aus.
Würde sagen ich brauche mehr Zeilen, da es nicht alles nebeneinander passt!? Wie bekomme ich das hin?

Danke

svenson08 · 28 September 2014, 22:10:08

du hast dashboard_rowcentercolwidth 60,30,30,30,30 festgelegt. Deine einzelnen Inhalte in den Spalten sind aber breiter als 60 oder 30, dadurch kannst du nichts vergrößern. Du hast keine höhe für die "Center-Row" festgelegt. dashboard_row würd ich mal auf top-center-bottom setzen. und top sowie bottom ebenfalls eine Höhe festlegen.

Tommy82 · 01 Oktober 2014, 21:55:14

Danke für die Tips, habs jetzt dann nochmal geändert, passt jetzt schon viel besser, aber so richtig begeistert bin ich noch nicht. Vieleicht hat ja noch einer einen Design Tip wie ich es schöner/ Übersichtlicher bekomme.

Das List sieht jetzt so aus:

Code Auswählen

Internals: 
   NAME       Limbach 
   NR         123 
   STATE      Initialized 
   TYPE       Dashboard 
   VERSION    2.13 
   Readings: 
     2014-09-28 17:06:58   lockstate       unlock 
     2014-09-30 19:16:36   state           Initialized 
Attributes: 
   dashboard_activetab 1 
   dashboard_colcount 4 
   dashboard_row center-bottom 
   dashboard_rowbottomheight 1250 
   dashboard_rowcentercolwidth 21,29,15,28 
   dashboard_rowcenterheight 250 
   dashboard_rowtopheight 150 
   dashboard_tab1groups Heizungsthermostate, Rauchmelder, Plots, Fritz,Fensterkontakte,Fritz,Heizungsthermostate,Plots,Rauchmelder,Fensterkontakte,Fensterkontakte 
   dashboard_tab1name Limbach 
   dashboard_tab1sorting t0c0,Fritz,true,332,250:t0c1,Rauchmelder,true,483,248:t0c2,Fensterkontakte,true,248,250:t0c3,Heizungsthermostate,true,586,249:t0c200,Plots,true,1683,1257: 
   dashboard_tab2sorting 1 
   dashboard_tab3sorting 1 
   dashboard_tab4sorting 1 
   dashboard_tabcount 1 
   dashboard_width 100% 
   room       1

Im Anhang noch ein Bild.

Danke für die Hilfe

Tommy82 · 06 Oktober 2014, 19:59:33

Wollte das Dashboard jetzt auf den iPad nutzen, aber leider ist die Darstellung dort nicht gut, wie auf dem Bild zu sehen. Wie kann ich das verbessern?

Danke

Franz Tenbrock · 06 Oktober 2014, 21:45:01

man kann die Plots in der Größe doch ändern = kleiner zB. dann 2 Gruppen anlegen dann kann man die Plots zumindest bei einem PC locker nebeneinander plazieren
dann passen auch 2 Plots nebeneinander
ebenso kann man doch mehrere gleich breite Gruppen untereinander plazieren
halt so dass alles was wichtig ist in der gewünschten Auflösung komplett zu sehen ist.
im Vorschlag das kurz mal manipuliert

Für PC webpad etc gibts doch unterschiedliche Definitionsmodi, da ich die aber nicht nutze kann ich da nicht weiterhelfen.
(http://vorschlag.jpg)

svenson08 · 07 Oktober 2014, 13:22:46

@Tommy82,

Das Dashboard skalliert sich nicht abhängig von der Auflösung. Also, du "modellierst" das Dashboard auf einem schönen großen Monitor, da passt dann alles. Dein Tablet hat aber eine kleinere Auflösung, dort kann das dann nicht passen. Dazu gibt es das Attribut dashboard_webfrontendfilter. Du erstellt eine FHEMWEB instanz welche du nur für's Tablet verwendest. Und machst ein 2. Dashboard welches du über das genannte Attribut der Tablet FHEMWEB instanz zuordnest. Dann modelierst du ein Dashboard separat fürs Tablet und passt das von der Größe so an das die Darstellung auf dem Tablett passt.
Ist etwas umständlich, aber ein machbarer Weg.

Tommy82 · 07 Oktober 2014, 20:00:16

Zitat von: Franz Tenbrock am 06 Oktober 2014, 21:45:01
man kann die Plots in der Größe doch ändern = kleiner zB. dann 2 Gruppen anlegen dann kann man die Plots zumindest bei einem PC locker nebeneinander plazieren
dann passen auch 2 Plots nebeneinander
ebenso kann man doch mehrere gleich breite Gruppen untereinander plazieren
halt so dass alles was wichtig ist in der gewünschten Auflösung komplett zu sehen ist.
im Vorschlag das kurz mal manipuliert

Für PC webpad etc gibts doch unterschiedliche Definitionsmodi, da ich die aber nicht nutze kann ich da nicht weiterhelfen.
(http://vorschlag.jpg)

Hi, sieht bei mir ja jetzt so aus:

Code Auswählen

Internals: 
   NAME       Limbach 
   NR         122 
   STATE      Initialized 
   TYPE       Dashboard 
   VERSION    2.13 
   Readings: 
     2014-09-28 17:06:58   lockstate       unlock 
     2014-10-06 20:49:01   state           Initialized 
Attributes: 
   dashboard_activetab 1 
   dashboard_colcount 4 
   dashboard_row center-bottom 
   dashboard_rowbottomheight 1250 
   dashboard_rowcentercolwidth 21,29,15,28 
   dashboard_rowcenterheight 250 
   dashboard_rowtopheight 150 
   dashboard_tab1groups Heizungsthermostate, Rauchmelder, Plots, Fritz,Fensterkontakte,Fritz,Heizungsthermostate,Plots,Rauchmelder,Fensterkontakte,Fensterkontakte 
   dashboard_tab1name Limbach 
   dashboard_tab1sorting t0c0,Fritz,true,367,248:t0c1,Rauchmelder,true,543,250:t0c2,Fensterkontakte,true,278,248:t0c3,Heizungsthermostate,true,656,247:t0c200,Plots,true,1893,1249: 
   dashboard_tab2sorting 1 
   dashboard_tab3sorting 1 
   dashboard_tab4sorting 1 
   dashboard_tabcount 1 
   dashboard_width 100% 
   room       1

wie hast du die Plots nebeneinander bekommen? Wenn ich das hätte wärs am PC ja schonmal viel übersichtlicher

Zitat von: svenson08 am 07 Oktober 2014, 13:22:46
@Tommy82,

Das Dashboard skalliert sich nicht abhängig von der Auflösung. Also, du "modellierst" das Dashboard auf einem schönen großen Monitor, da passt dann alles. Dein Tablet hat aber eine kleinere Auflösung, dort kann das dann nicht passen. Dazu gibt es das Attribut dashboard_webfrontendfilter. Du erstellt eine FHEMWEB instanz welche du nur für's Tablet verwendest. Und machst ein 2. Dashboard welches du über das genannte Attribut der Tablet FHEMWEB instanz zuordnest. Dann modelierst du ein Dashboard separat fürs Tablet und passt das von der Größe so an das die Darstellung auf dem Tablett passt.
Ist etwas umständlich, aber ein machbarer Weg.

Hi, danke für den Tip, aber kannst du mir das was genauer erklären!? Wie erstelle ich die FHEMWEB instanz nur fürs Tablet ussw.?

Danke

svenson08 · 07 Oktober 2014, 20:12:23

Schau mal in die fhem.cfg.demo dort wird ein WEB, WEBphone und WEBtablet angelegt. In deinem Fall weist du aber deinem FHEMWEB fürs Tablett das gleiche Style zu wie deiner sonstigen FHEMWEB Instanz. Schau mal in die command_ref nach FHEMWEB.
Danach erstellst du erstmal noch ein Dashboard und weist dem Attribut dashboard_webfrontendfilter den Namen des FHEMWEB's zu das du für das Tablet nutzt.

Tommy82 · 07 Oktober 2014, 20:41:40

Hallo Svenson, erstmal Danke für deine geduldige Hilfe und die tolle Umsetzung des Dashboards.

Du meinst also ich soll wie in deinem HowTo beschrieben

Code Auswählen

Kleines Howto

Schritt 1
Erstellen des Dashboards
define anyViews Dashboard
FHEM neu starten.
Schritt 2
Grundkonfiguration
attr anyViews dashboard_width 80%
attr anyViews dashboard_tabcount 1
attr anyViews dashboard_tab1groups <GRUPPE1>,<GRUPPE2>,<GRUPPE3>
<GRUPPE1>, etc. sind durch richtige Gruppennamen zu ersetzen, z.B. Licht,Wetter oder ähnliches

einfach noch mal erstellen!? Und dann einfach per dashboard_webfrontendfilter dem Tablet zu weisen und dann das Dasboard auf dem Tablet einrichten und anpassen!?

svenson08 · 07 Oktober 2014, 20:45:25

ZitatDu meinst also ich soll wie in deinem HowTo beschrieben

Ja.

ZitatUnd dann einfach per dashboard_webfrontendfilter dem Tablet zu weisen

dem FHEMWEB für das Tablet, aber das hast du bestimmt gemeint.

Zitatund dann das Dasboard auf dem Tablet einrichten und anpassen

Auf dem Tablet kannst du das Dashboard nicht oder nur schlecht bearbeiten. Das kannst du dann aber wieder an deinem PC,Laptop oder was auch immer besser machen. Dort einfach das FHEMWEB des Dashboards aufgerufen und in der Dimensionierung des Dashboard entsprechend der Auflösung des Tablets konfigurieren (breite, höhe etc.)