Add Function based profile tree

runtime/observatory/lib/src/elements/observatory_element.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 observatory_element;
 
 import 'dart:async';
 import 'dart:html';
 import 'package:observatory/app.dart';
 import 'package:observatory/service.dart';
@@ skipping 70 matching lines @@
       _stopPoll();
       return;
     }
     // Restart timer.
     _pollTimer = new Timer(pollPeriod, _onPoll);
   }
 
   /// Utility method for handling on-click of <a> tags. Navigates
   /// within the application using the [LocationManager].
   void goto(MouseEvent event, var detail, Element target) {
-    app.locationManager.onGoto(event, detail, target);
+    app.locationManager.onGoto(event);
     event.stopPropagation();
   }
 
+  void onClickGoto(MouseEvent event) {
+    app.locationManager.onGoto(event);
+    event.stopPropagation();
+  }
+
   String makeLink(String url, [ServiceObject obj]) {
     if (obj != null) {
       if (obj is Isolate) {
         url = '${url}?isolateId=${Uri.encodeComponent(obj.id)}';
       } else {
+        if (obj.id == null) {
+          // No id
+          return url;
+        }
         url = ('${url}?isolateId=${Uri.encodeComponent(obj.isolate.id)}'
-               '&objectId=${Uri.encodeComponent(obj.id)}');
+                       '&objectId=${Uri.encodeComponent(obj.id)}');
       }
     }
     return url;
   }
 
   /// Create a link that can be consumed by [goto].
   String gotoLink(String url, [ServiceObject obj]) {
     return app.locationManager.makeLink(makeLink(url, obj));
   }
 
@@ skipping 32 matching lines @@
          result.addAll(escapeSequence.codeUnits);
       } else result.add(codeUnit);
     }
     if (wasTruncated) {
       result.addAll("...".codeUnits);
     } else {
       result.add("'".codeUnitAt(0));
     }
     return new String.fromCharCodes(result);
   }
+
+  void clearShadowRoot() {
+    // Remove all non-style elements.
+    shadowRoot.children.removeWhere((e) => e is! StyleElement);
+  }
+
+  void insertTextSpanIntoShadowRoot(String text) {
+    var spanElement = new SpanElement();
+    spanElement.text = text;
+    shadowRoot.children.add(spanElement);
+  }
+
+  void insertLinkIntoShadowRoot(String label, String href, [String title]) {
+    var anchorElement = new AnchorElement();
+    anchorElement.href = href;
+    anchorElement.text = label;
+    if (title != null) {
+      anchorElement.title = title;
+    }
+    anchorElement.onClick.listen(onClickGoto);
+    shadowRoot.children.add(anchorElement);
+  }
 }