Converted Observatory code-ref function-ref element

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

Index: runtime/observatory/lib/src/elements/code_ref.dart
diff --git a/runtime/observatory/lib/src/elements/code_ref.dart b/runtime/observatory/lib/src/elements/code_ref.dart
index 88464de426d04d525db999f020ed31e18ff6873d..e68d6f5b1c2866054704bb9fdd276457876f1432 100644
--- a/runtime/observatory/lib/src/elements/code_ref.dart
+++ b/runtime/observatory/lib/src/elements/code_ref.dart
@@ -4,31 +4,60 @@
 
 library code_ref_element;
 
-import 'package:polymer/polymer.dart';
-import 'service_ref.dart';
-import 'package:observatory/service.dart';
+import 'dart:html';
+import 'dart:async';
+import 'package:observatory/models.dart' as M
+  show IsolateRef, CodeRef, isSyntheticCode;
+import 'package:observatory/src/elements/helpers/rendering_scheduler.dart';
+import 'package:observatory/src/elements/helpers/tag.dart';
+import 'package:observatory/src/elements/helpers/uris.dart';
+
+class CodeRefElement extends HtmlElement implements Renderable {
+  static const tag = const Tag<CodeRefElement>('code-ref-wrapped');
+
+  RenderingScheduler<CodeRefElement> _r;
+
+  Stream<RenderedEvent<CodeRefElement>> get onRendered => _r.onRendered;
+
+  M.IsolateRef _isolate;
+  M.CodeRef _code;
+
+  M.IsolateRef get isolate => _isolate;
+  M.CodeRef get code => _code;
+
+  factory CodeRefElement(M.IsolateRef isolate, M.CodeRef code,
+      {RenderingQueue queue}) {
+    assert(isolate != null);
+    assert(code != null);
+    CodeRefElement e = document.createElement(tag.name);
+    e._r = new RenderingScheduler(e, queue: queue);
+    e._isolate = isolate;
+    e._code = code;
+    return e;
+  }
 
-@CustomTag('code-ref')
-class CodeRefElement extends ServiceRefElement {
   CodeRefElement.created() : super.created();
 
-  Code get code => ref;
+  @override
+  void attached() {
+    super.attached();
+    _r.enable();
+  }
 
-  refChanged(oldValue) {
-    super.refChanged(oldValue);
-    _updateShadowDom();
+  @override
+  void detached() {
+    super.detached();
+    _r.disable(notify: true);
+    children = [];
   }
 
-  void _updateShadowDom() {
-    clearShadowRoot();
-    if (code == null) {
-      return;
-    }
-    var name = (code.isOptimized ? '*' : '') + code.name;
-    if (code.isDartCode) {
-      insertLinkIntoShadowRoot(name, url, hoverText);
-    } else {
-      insertTextSpanIntoShadowRoot(name);
-    }
+  void render() {
+    final name = (_code.isOptimized ? '*' : '') + _code.name;
+    children = [
+      new AnchorElement(href: M.isSyntheticCode(_code.kind) ? null
+          : Uris.inspect(isolate, object: _code))
+        ..text = name
+        ..classes = ['isolate-ref']
+    ];
   }
 }