Call site data UI tweaks.

runtime/observatory/lib/src/elements/script_inset.dart

 // Copyright (c) 2013, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 library script_inset_element;
 
 import 'dart:async';
 import 'dart:html';
 import 'observatory_element.dart';
 import 'service_ref.dart';
 import 'package:observatory/service.dart';
 import 'package:polymer/polymer.dart';
 
 const nbsp = "\u00A0";
 
 void addInfoBox(content, infoBox) {
   infoBox.style.position = 'absolute';
   infoBox.style.padding = '1em';
   infoBox.style.border = 'solid black 2px';
   infoBox.style.zIndex = '10';
   infoBox.style.backgroundColor = 'white';
-
+  infoBox.style.cursor = 'auto';
   infoBox.style.display = 'none';  // Initially hidden.
 
   var show = false;
   content.onClick.listen((event) {
     show = !show;
     infoBox.style.display = show ? 'block' : 'none';
+    content.style.backgroundColor = show ? 'white' : '';
   });
 
   // Causes infoBox to be positioned relative to the bottom-left of content.
   content.style.display = 'inline-block';
+  content.style.cursor = 'pointer';
   content.append(infoBox);
 }
 
 abstract class Annotation {
   int line;
   int columnStart;
   int columnStop;
 
   void applyStyleTo(element);
 }
 
 class CurrentExecutionAnnotation extends Annotation {
   void applyStyleTo(element) {
     if (element == null) {
       return;  // TODO(rmacnak): Handling overlapping annotations.
     }
     element.classes.add("currentCol");
     element.title = "Current execution";
   }
 }
 
 class CallSiteAnnotation extends Annotation {
   CallSite callSite;
 
-  Element row() {
+  Element row([content]) {
     var e = new DivElement();
     e.style.display = "table-row";
+    if (content is String) e.text = content;
     return e;
   }
 
   Element cell(content) {
     var e = new DivElement();
     e.style.display = "table-cell";
     e.style.padding = "3px";
     if (content is String) e.text = content;
     if (content is Element) e.children.add(content);
     return e;
   }
 
   Element serviceRef(object) {
     AnyServiceRefElement e = new Element.tag("any-service-ref");
     e.ref = object;
     return e;
   }
 
   Element entriesTable() {
     var e = new DivElement();
     e.style.display = "table";
     e.style.color = "#333";
     e.style.font = "400 14px 'Montserrat', sans-serif";
 
-    var r = row();
-    r.append(cell("Container"));
-    r.append(cell("Count"));
-    r.append(cell("Target"));
-    e.append(r);
+    if (callSite.entries.isEmpty) {
+      e.append(row('Did not execute'));
+    } else {
+      var r = row();
+      r.append(cell("Container"));
+      r.append(cell("Count"));
+      r.append(cell("Target"));
+      e.append(r);
 
-    for (var entry in callSite.entries) {
-      var r = row();
-      r.append(cell(serviceRef(entry.receiverContainer)));
-      r.append(cell(entry.count.toString()));
-      r.append(cell(serviceRef(entry.target)));
-      e.append(r);
+      for (var entry in callSite.entries) {
+        var r = row();
+        r.append(cell(serviceRef(entry.receiverContainer)));
+        r.append(cell(entry.count.toString()));
+        r.append(cell(serviceRef(entry.target)));
+        e.append(r);
+      }
     }
 
     return e;
   }
 
   void applyStyleTo(element) {
     if (element == null) {
       return;  // TODO(rmacnak): Handling overlapping annotations.
     }
     element.style.fontWeight = "bold";
@@ skipping 294 matching lines @@
         pending.add(line.script.isolate.removeBreakpoint(bpt));
       }
       Future.wait(pending).then((_) {
         busy = false;
       });
     }
   }
 
   BreakpointToggleElement.created() : super.created();
 }