DebugWindow sections now use previously empty areas to describe the functionality, for #12058

Change-Id: I7cef423b8c4f991d40ad013022cc4f36879cd6dc

2 files changed, 17 insertions, 8 deletions

diff --git a/client/src/com/vaadin/client/debug/internal/HierarchySection.java b/client/src/com/vaadin/client/debug/internal/HierarchySection.java
index e4f3e2dcb1..0078832b87 100644
--- a/client/src/com/vaadin/client/debug/internal/HierarchySection.java
+++ b/client/src/com/vaadin/client/debug/internal/HierarchySection.java
@@ -126,6 +126,14 @@ public class HierarchySection implements Section {
         });
 
         content.setStylePrimaryName(VDebugWindow.STYLENAME + "-hierarchy");
+
+        HTML info = new HTML(showHierarchy.getHTML() + " "
+                + showHierarchy.getTitle() + "<br/>" + find.getHTML() + " "
+                + find.getTitle() + "<br/>" + analyze.getHTML() + " "
+                + analyze.getTitle() + "<br/>" + generateWS.getHTML() + " "
+                + generateWS.getTitle() + "<br/>");
+        info.setStyleName(VDebugWindow.STYLENAME + "-info");
+        content.add(info);
     }
 
     private void showHierarchy() {
diff --git a/client/src/com/vaadin/client/debug/internal/NetworkSection.java b/client/src/com/vaadin/client/debug/internal/NetworkSection.java
index e94791ce1f..a1cb8138ef 100644
--- a/client/src/com/vaadin/client/debug/internal/NetworkSection.java
+++ b/client/src/com/vaadin/client/debug/internal/NetworkSection.java
@@ -16,7 +16,7 @@
 package com.vaadin.client.debug.internal;
 
 import com.google.gwt.user.client.ui.FlowPanel;
-import com.google.gwt.user.client.ui.HorizontalPanel;
+import com.google.gwt.user.client.ui.HTML;
 import com.google.gwt.user.client.ui.Widget;
 import com.vaadin.client.ApplicationConnection;
 import com.vaadin.client.VUIDLBrowser;
@@ -37,9 +37,13 @@ public class NetworkSection implements Section {
     private final DebugButton tabButton = new DebugButton(Icon.NETWORK,
             "Communication");
 
-    private final HorizontalPanel controls = new HorizontalPanel();
+    private final HTML controls = new HTML(tabButton.getTitle());
     private final FlowPanel content = new FlowPanel();
 
+    public NetworkSection() {
+        content.setStyleName(VDebugWindow.STYLENAME + "-network");
+    }
+
     @Override
     public DebugButton getTabButton() {
         return tabButton;
@@ -76,19 +80,16 @@ public class NetworkSection implements Section {
     public void uidl(ApplicationConnection ac, ValueMap uidl) {
         int sinceStart = VDebugWindow.getMillisSinceStart();
         int sinceReset = VDebugWindow.getMillisSinceReset();
+
         VUIDLBrowser vuidlBrowser = new VUIDLBrowser(uidl, ac);
         vuidlBrowser.addStyleName(VDebugWindow.STYLENAME + "-row");
-        // TODO style this
-        /*-
-        vuidlBrowser.setText("<span class=\"" + VDebugWindow.STYLENAME
-                + "-time\">" + sinceReset + "ms</span><span class=\""
-                + VDebugWindow.STYLENAME + "-message\">response</span>");
-        -*/
         vuidlBrowser.setText("Response @ " + sinceReset + "ms");
         vuidlBrowser.setTitle(VDebugWindow.getTimingTooltip(sinceStart,
                 sinceReset));
         vuidlBrowser.close();
+
         content.add(vuidlBrowser);
+
         while (content.getWidgetCount() > maxSize) {
             content.remove(0);
         }