FHEM Dashboard

Talkabout · 21 Juni 2015, 11:44:20

Zitat von: Hans Franz am 21 Juni 2015, 11:38:55
Moin,
Yep, seitlicher Titel nur im Dashboard.

Gruß
Hans

Könntest Du mir bitte den HTML-Auschnitt aus der Seite schicken, wo die Liste angezeigt wird? Vielleicht kann ich daraus schliessen, woher der Titel kommt.

Danke!

Gruss

Hans Franz · 21 Juni 2015, 12:15:04

Gerne

.
Die Dashboard.html scheint nicht vollständig zu sein. $:-\$
Hoffentlich hilft es dir dennoch.

Gruß
Hans

Edit:
Sorry, vergiss die DASHBOARD.html. Ich muss erst mal 'rausfinden, wie ich an den Quelltext der Dashboard-Tabs komme. FF zeigt immer nur den des ersten Tabs.

Talkabout · 21 Juni 2015, 12:33:46

Zitat von: Hans Franz am 21 Juni 2015, 12:15:04
Edit:
Sorry, vergiss die DASHBOARD.html. Ich muss erst mal 'rausfinden, wie ich an den Quelltext der Dashboard-Tabs komme. FF zeigt immer nur den des ersten Tabs.

Über Firebug solltest Du dran kommen können. Oder in Chrome öffnen und dort über die Entwicklertools.

Gruss

Hans Franz · 21 Juni 2015, 12:38:44

Werde es später versuchen. Muss jetzt weg.
Mit 'Element untersuchen':

Code Auswählen

Seitlich:
<td class="dashboard_row">

    <div id="dashboard_rowcenter_tab5" class="dashboard dashboard_rowcenter" style="height: 1024px;">
        <div id="dashboard_tab5column0" class="dashboard ui-row dashboard_row dashboard_column dashboard_columnhelper" style="width: 99.7%;">
            <div id="65t5c0w0" class="dashboard dashboard_widget ui-widget dashboard_widgethelper ui-draggable ui-draggable-handle ui-resizable" data-groupwidget="t5c0,Telefonliste2,true,0,0" style="width: 0px; position: absolute; left: 0px; top: 0px;">

    <div class="dashboard_widgetinner">
        <div class="dashboard_widgetheader ui-widget-header ui-corner-all dashboard_widgetmax"></div>
        <div class="dashboard_content" data-userheight="">
            <table id="TYPE_Telefonliste2" class="dashboard block wide">
                <tbody>
                    <tr class="odd">
                        <td>
                            <div class="col1">
                                <a href="/fhem?detail=calllist"></a>
                            </div>
                        </td>
                        <td informid="calllist"></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

###############################################################################
Oben:
<ul class="dashboard_tabcontent">

    <table class="dashboard_tabcontent">
        <tbody>
            <tr>
                <td class="dashboard_row">
                    <div id="dashboard_rowcenter_tab5" class="dashboard dashboard_rowcenter" style="height: 1024px;">
                        <div id="dashboard_tab5column0" class="dashboard ui-row dashboard_row dashboard_column dashboard_columnhelper" style="width: 99.7%;">
                            <div id="65t5c0w0" class="dashboard dashboard_widget ui-widget dashboard_widgethelper ui-draggable ui-draggable-handle ui-resizable" data-groupwidget="t5c0,Telefonliste2,true,0,0" style="width: 0px; position: absolute; left: 0px; top: 0px;">

    <div class="dashboard_widgetinner">
        <div class="dashboard_widgetheader ui-widget-header ui-corner-all dashboard_widgetmax"></div>
        <div class="dashboard_content" data-userheight="">
            <table id="TYPE_Telefonliste2" class="dashboard block wide">
                <tbody>
                    <tr class="odd">
                        <td></td>
                        <td informid="calllist">
                            <table class="wide">
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="devType">
                                                <a href="/fhem?detail=calllist"></a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr></tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

Gruß
Hans

Edit:
mit firebug:

Code Auswählen

<div id="dashboard_tab5" class="dashboard dashboard_tabpanel ui-tabs-panel ui-widget-content ui-corner-bottom" style="background: transparent none no-repeat scroll 0% 0% ! important;" data-tabcolwidths="100" data-tabwidgets="t5c0,calllisttest,true,0,0:" aria-labelledby="ui-id-6" role="tabpanel" aria-hidden="false">
<ul class="dashboard_tabcontent">
<table class="dashboard_tabcontent">
<tbody>
<tr>
<td class="dashboard_row">
<div id="dashboard_rowcenter_tab5" class="dashboard dashboard_rowcenter" style="height: 1024px;">
<div id="dashboard_tab5column0" class="dashboard ui-row dashboard_row dashboard_column dashboard_columnhelper" style="width: 99.7%;">
<div id="65t5c0w0" class="dashboard dashboard_widget ui-widget dashboard_widgethelper ui-draggable ui-draggable-handle ui-resizable" data-groupwidget="t5c0,calllisttest,true,0,0" style="width: 410px; position: absolute; left: 0px; top: 0px;">
<div class="dashboard_widgetinner">
<div class="dashboard_widgetheader ui-widget-header ui-corner-all dashboard_widgetmax">calllisttest</div>
<div class="dashboard_content" data-userheight="">
<table id="TYPE_calllisttest" class="dashboard block wide">
<tbody>
<tr class="odd">
<td>
<div class="col1">
<a href="/fhem?detail=calllist_test">calllist_test</a>
</div>
</td>
<td informid="calllist_test">
<table class="wide">
<tbody>
<tr>
<td>
<div class="devType">
<a href="/fhem?detail=calllist_test">calllist_test</a>
</div>
</td>
</tr>
<tr>
<td>
<div class="fhemWidget fbcalllist_widget" dev="calllist_test" arg="fbcalllist" cmd="" informid="calllist_test">
<table class="block fbcalllist">
<tbody>
<tr class="fbcalllist header" align="center">
<td name="row"></td>
<td name="state">State</td>
<td name="timestamp">Timestamp</td>
<td name="name">Name</td>
<td name="number">Number</td>
<td name="internal">Internal</td>
<td name="connection">Via</td>
<td name="duration">Duration</td>
</tr>

Hans Franz · 21 Juni 2015, 15:27:13

Hallo,

Ich glaub',ich hab's:
Es gibt ja schon eine Ausnahmeprüfung:

Code Auswählen

--- /home/joe/Downloads/Dashboard.Talkabout/95_Dashboard.pm     2015-06-21 00:13:41.914110884 +0200
+++ /opt/fhem/FHEM/95_Dashboard.pm      2015-06-21 15:19:00.727056816 +0200
@@ -737,7 +737,7 @@
 
                $icon = FW_makeImage($icon,$icon,"icon dashboard_groupicon") . "&nbsp;" if($icon);
 
-               if ($type ne "weblink" && $type ne "SVG" && $type ne "readingsGroup" && $type ne "readingsHistory") { # Don't show Link by weblink, svg and readingsGroup
+               if ($type ne "weblink" && $type ne "SVG" && $type ne "readingsGroup" && $type ne "readingsHistory" && $type ne "FB_CALLLIST") { # Don't show Link by weblink, svg and readingsGroup
                        $ret .= FW_pH "detail=$d", "$icon$devName", 1, "col1", 1; 
                }

Gruß
Hans

Talkabout · 21 Juni 2015, 15:33:42

Zitat von: Hans Franz am 21 Juni 2015, 15:27:13
Hallo,

Ich glaub',ich hab's:
Es gibt ja schon eine Ausnahmeprüfung:

Code Auswählen Erweitern
--- /home/joe/Downloads/Dashboard.Talkabout/95_Dashboard.pm 2015-06-21 00:13:41.914110884 +0200 +++ /opt/fhem/FHEM/95_Dashboard.pm 2015-06-21 15:19:00.727056816 +0200 @@ -737,7 +737,7 @@ $icon = FW_makeImage($icon,$icon,"icon dashboard_groupicon") . " " if($icon); - if ($type ne "weblink" && $type ne "SVG" && $type ne "readingsGroup" && $type ne "readingsHistory") { # Don't show Link by weblink, svg and readingsGroup + if ($type ne "weblink" && $type ne "SVG" && $type ne "readingsGroup" && $type ne "readingsHistory" && $type ne "FB_CALLLIST") { # Don't show Link by weblink, svg and readingsGroup $ret .= FW_pH "detail=$d", "$icon$devName", 1, "col1", 1; }

Gruß
Hans

Hallo Hans,

gute Arbeit. Kannst Du bitte die IF-Abfrage gegen diese hier ersetzen und dann noch mal testen:

Code Auswählen

if (!$modules{$defs{$d}{TYPE}}{FW_atPageEnd}) {...
...}

Danke!

Gruss

Hans Franz · 21 Juni 2015, 15:45:37

Zitat von: Talkabout am 21 Juni 2015, 15:33:42
Kannst Du bitte die IF-Abfrage gegen diese hier ersetzen und dann noch mal testen:

Code Auswählen Erweitern
if (!$modules{$defs{$d}{TYPE}}{FW_atPageEnd}) {... ...}

Danke!

Gruss

Geht. Geht gut

.

Gruß
Hans

Talkabout · 21 Juni 2015, 15:51:33

Zitat von: Hans Franz am 21 Juni 2015, 15:45:37
Geht. Geht gut .

Gruß
Hans

Alles klar, dann werde ich diese Bedingung verwenden. Damit sollten alle diese Fälle abgefangen sein.

Gruss

Talkabout · 21 Juni 2015, 16:50:12

Hallo zusammen,

im Anhang die korrigierte Fassung. Damit sollte jetzt die Behandlung für Sonder-Devices (readingsGroups, calllist...) korrekt funktionieren.

Vielen Dank an Hans für seine Hilfe!

Sollte es keine weiteren Probleme geben, ist das die Version zum Einchecken.

Gruss

HoTi · 21 Juni 2015, 19:56:57

Hallo,

gerade keine Fehler mehr beim Test gefunden! Also zum einchecken tauglich.

Darf den die Wunschliste weiter geführt werden?

1. Das die RG verschoben sind habe ich schon mal geschrieben.
2. Kann man die Überschriften per attr raus nehmen?
3. Der doppelrahmen bei der Calllist ist vom Modul oder? Wenn ja muss ich mal da nachfragen.
4. Den weißen rahmen der das DB abgrenz, wie kann ich den verändern?
5. Ein Logo in den Überschriften wäre toll, aber das hat Sven schon mal angefragt ob es möglich ist den Gruppen icons zuzuweisen. Leider gab es da nie eine Antwort und ich habe es nochmal hochgeholt. Damit wäre die Überschriften wieder geil!

stephanr · 21 Juni 2015, 20:46:04

Ich hab noch folgenden Fehler bei der Darstellung einer readingsgroup:

Code Auswählen


Internals: 
   DEF        garagen_zustand:state 
   NAME       rg_garagentor 
   NR         138 
   NTFY_ORDER 50-rg_garagentor 
   STATE      Initialized 
   TYPE       readingsGroup 
   mayBeVisible 1 
   Content: 
     garagen_zustand 1 
   Content2: 
   DEVICES: 
     ARRAY(0x1b1ce08) 
   Fhem: 
     lastDefChange 4 
     last_update 1434911627.2353 
   Helper: 
     DEF 
     commands   'set garagen_oeffner on' 
     valueFormat {($VALUE eq 'closed')?"geschlossen":"offen"} 
     Positions: 
       garagen_zustand.state 1:1 
     Valueicon: 
       state.closed fts_garage_door_100 
       state.open fts_garage_door_20@blue 
     Values: 
       formated: 

         ARRAY(0x1b85330) 
       orig: 

         ARRAY(0x1b880b8) 
       prefixsuffix: 

         ARRAY(0x1b853f0) 
Attributes: 
   alias      Garagentor 
   commands   'set garagen_oeffner on' 
   group      Garagentor 
   noheading  1 
   nonames    1 
   notime     1 
   room       readingsGroup 
   valueFormat {($VALUE eq 'closed')?"geschlossen":"offen"} 
   valueIcon  { 'state.open' => 'fts_garage_door_20@blue', 'state.closed' => 'fts_garage_door_100' }

Und zwar wird das Icon nicht zentriert dargestellt. Im Gegensatz zur RG Bad Lüfter

Code Auswählen


Internals: 
   DEF        bad_luefter:state 
   NAME       rg_bad_luefter 
   NR         112 
   NTFY_ORDER 50-rg_bad_luefter 
   STATE      Initialized 
   TYPE       readingsGroup 
   mayBeVisible 1 
   Content: 
     bad_luefter 1 
   Content2: 
   DEVICES: 
     ARRAY(0x18b1cc0) 
   Fhem: 
     lastDefChange 4 
     last_update 1434911627.1876 
   Helper: 
     DEF 
     valueFormat {($VALUE eq 'on')?"an":"aus"} 
     Commands: 
       state.an   set bad_luefter off 
       state.aus  set bad_luefter on 
     Positions: 
       bad_luefter.state 1:1 
     Valueicon: 
       state      %devStateIcon 
     Values: 
       formated: 

         ARRAY(0x1b5a1c8) 
       orig: 

         ARRAY(0x1c54e90) 
       prefixsuffix: 

         ARRAY(0x1c023e0) 
Attributes: 
   alias      Bad Lüfter 
   commands   { 'state.aus' => 'set bad_luefter on', 'state.an' => 'set bad_luefter off' } 
   devStateIcon an:vent_ventilation_level_3@blue aus:vent_ventilation_level_0 
   group      Bad Lüfter 
   noheading  1 
   nonames    1 
   notime     1 
   room       readingsGroup 
   valueFormat {($VALUE eq 'on')?"an":"aus"} 
   valueIcon  { state => '%devStateIcon' }

Hat das vielleicht was mit der div Klasse col2 zu tun? Diese fehlt bei der RG Garagentor. Setze ich sie manuell passt es.

Ansonsten sieht für mich alles super aus!

Talkabout · 21 Juni 2015, 20:59:24

Zitat von: stephanr am 21 Juni 2015, 20:46:04
Ich hab noch folgenden Fehler bei der Darstellung einer readingsgroup:

Code Auswählen Erweitern
Internals: DEF garagen_zustand:state NAME rg_garagentor NR 138 NTFY_ORDER 50-rg_garagentor STATE Initialized TYPE readingsGroup mayBeVisible 1 Content: garagen_zustand 1 Content2: DEVICES: ARRAY(0x1b1ce08) Fhem: lastDefChange 4 last_update 1434911627.2353 Helper: DEF commands 'set garagen_oeffner on' valueFormat {($VALUE eq 'closed')?"geschlossen":"offen"} Positions: garagen_zustand.state 1:1 Valueicon: state.closed fts_garage_door_100 state.open fts_garage_door_20@blue Values: formated: ARRAY(0x1b85330) orig: ARRAY(0x1b880b8) prefixsuffix: ARRAY(0x1b853f0) Attributes: alias Garagentor commands 'set garagen_oeffner on' group Garagentor noheading 1 nonames 1 notime 1 room readingsGroup valueFormat {($VALUE eq 'closed')?"geschlossen":"offen"} valueIcon { 'state.open' => 'fts_garage_door_20@blue', 'state.closed' => 'fts_garage_door_100' }

Und zwar wird das Icon nicht zentriert dargestellt. Im Gegensatz zur RG Bad Lüfter

Code Auswählen Erweitern
Internals: DEF bad_luefter:state NAME rg_bad_luefter NR 112 NTFY_ORDER 50-rg_bad_luefter STATE Initialized TYPE readingsGroup mayBeVisible 1 Content: bad_luefter 1 Content2: DEVICES: ARRAY(0x18b1cc0) Fhem: lastDefChange 4 last_update 1434911627.1876 Helper: DEF valueFormat {($VALUE eq 'on')?"an":"aus"} Commands: state.an set bad_luefter off state.aus set bad_luefter on Positions: bad_luefter.state 1:1 Valueicon: state %devStateIcon Values: formated: ARRAY(0x1b5a1c8) orig: ARRAY(0x1c54e90) prefixsuffix: ARRAY(0x1c023e0) Attributes: alias Bad Lüfter commands { 'state.aus' => 'set bad_luefter on', 'state.an' => 'set bad_luefter off' } devStateIcon an:vent_ventilation_level_3@blue aus:vent_ventilation_level_0 group Bad Lüfter noheading 1 nonames 1 notime 1 room readingsGroup valueFormat {($VALUE eq 'on')?"an":"aus"} valueIcon { state => '%devStateIcon' }

Hat das vielleicht was mit der div Klasse col2 zu tun? Diese fehlt bei der RG Garagentor. Setze ich sie manuell passt es.

Ansonsten sieht für mich alles super aus!

Wie sieht die ReadingsGroup in FHEMWEB aus?

Gruss

Talkabout · 21 Juni 2015, 21:20:58

Zitat von: RettungsTim am 21 Juni 2015, 19:56:57
Hallo,

gerade keine Fehler mehr beim Test gefunden! Also zum einchecken tauglich.
Darf den die Wunschliste weiter geführt werden?

1. Das die RG verschoben sind habe ich schon mal geschrieben.
2. Kann man die Überschriften per attr raus nehmen?
3. Der doppelrahmen bei der Calllist ist vom Modul oder? Wenn ja muss ich mal da nachfragen.
4. Den weißen rahmen der das DB abgrenz, wie kann ich den verändern?
5. Ein Logo in den Überschriften wäre toll, aber das hat Sven schon mal angefragt ob es möglich ist den Gruppen icons zuzuweisen. Leider gab es da nie eine Antwort und ich habe es nochmal hochgeholt. Damit wäre die Überschriften wieder geil!

Hallo Tim,

Zitat
1. Das die RG verschoben sind habe ich schon mal geschrieben.

Ist ein grundsätzliches Problem, das bekomme ich nur auf Dashboard-Seite nicht in den Griff

Zitat2. Kann man die Überschriften per attr raus nehmen?

Theoretisch ja. Welcher Sinn steckt dahinter?

ZitatDer doppelrahmen bei der Calllist ist vom Modul oder? Wenn ja muss ich mal da nachfragen.

Selbe Problem wie auch bei den ReadingsGroups, lässt sich nur im Dashboard nicht lösen.

Zitat4. Den weißen rahmen der das DB abgrenz, wie kann ich den verändern?

Ohne diesen Rahmen sieht das Dashboard sehr gequetscht aus. Ein Teil des Rahmens kommt direkt aus dem DB, der andere Teil vom Browser.

Zitat5. Ein Logo in den Überschriften wäre toll, aber das hat Sven schon mal angefragt ob es möglich ist den Gruppen icons zuzuweisen. Leider gab es da nie eine Antwort und ich habe es nochmal hochgeholt. Damit wäre die Überschriften wieder geil!

Wie genau würdest Du dir Funktionalität vorstellen? Oben fragst Du ja nach der Möglichkeit die Überschriften zu entfernen, was ja diesem Punkt etwas entgegensteht. Es gibt die Möglichkeit Geräten über das Attribut "icon" ein Icon zuzuweisen, welches dann in der Raumübersicht angezeigt wird. Dieses Icon wird ebenfalls im Dashboard verwendet. Allerdings nicht bei diesen speziellen Geräten, die Ihre Anzeige dynamisch generieren (atPageEnd). Kannst Du mal versuchen, ob Du mit diesem Attribut weiter kommst?

Gruss

stephanr · 21 Juni 2015, 22:15:52

Im FHEMWEB sehen die RG so aus.

Talkabout · 21 Juni 2015, 22:21:27

Zitat von: stephanr am 21 Juni 2015, 22:15:52
Im FHEMWEB sehen die RG so aus.

Kannst Du mir bitte noch die Definitionen aus der fhem.cfg für die beiden Gruppen posten. Danke!

Gruss