Converted Observatory refs elements

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

Index: runtime/observatory/lib/src/elements/context_ref.dart
diff --git a/runtime/observatory/lib/src/elements/context_ref.dart b/runtime/observatory/lib/src/elements/context_ref.dart
index 7f020ec8b91af572ad909669fcbcc791a0186f57..f8a28e85e8572ab0036e8059228f7d796c4e5ef7 100644
--- a/runtime/observatory/lib/src/elements/context_ref.dart
+++ b/runtime/observatory/lib/src/elements/context_ref.dart
@@ -2,32 +2,82 @@
 // 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 context_ref_element;
+import 'dart:html';
+import 'dart:async';
+import 'package:observatory/models.dart' as M
+  show IsolateRef, ContextRef;
+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';
 
-import 'package:polymer/polymer.dart';
-import 'package:observatory/service.dart';
-import 'service_ref.dart';
+class ContextRefElement extends HtmlElement implements Renderable {
+  static const tag = const Tag<ContextRefElement>('context-ref-wrapped');
+
+  RenderingScheduler<ContextRefElement> _r;
+
+  Stream<RenderedEvent<ContextRefElement>> get onRendered => _r.onRendered;
+
+  M.IsolateRef _isolate;
+  M.ContextRef _context;
+
+  M.IsolateRef get isolate => _isolate;
+  M.ContextRef get context => _context;
+
+  factory ContextRefElement(M.IsolateRef isolate, M.ContextRef context,
+      {RenderingQueue queue}) {
+    assert(isolate != null);
+    assert(context != null);
+    ContextRefElement e = document.createElement(tag.name);
+    e._r = new RenderingScheduler(e, queue: queue);
+    e._isolate = isolate;
+    e._context = context;
+    return e;
+  }
 
-@CustomTag('context-ref')
-class ContextRefElement extends ServiceRefElement {
   ContextRefElement.created() : super.created();
 
-  // TODO(turnidge): This is here to workaround vm/dart2js differences.
-  dynamic expander() {
-    return expandEvent;
+  @override
+  void attached() {
+    super.attached();
+    _r.enable();
+  }
+
+  @override
+  void detached() {
+    super.detached();
+    _r.disable(notify: true);
+    children = [];
   }
 
-  void expandEvent(bool expand, Function onDone) {
-    assert(ref is Context);
-    if (expand) {
-      ref.reload().then((result) {
-        ref = result;
-        notifyPropertyChange(#ref, 0, 1);
-      }).whenComplete(onDone);
-    } else {
-      Context refMap = ref;
-      refMap.variables = null;
-      onDone();
-    }
+  void render() {
+    children = [
+      new AnchorElement(href: Uris.inspect(_isolate, object: _context))
+        ..children = [
+          new SpanElement()..classes = ['empathize']..text = 'Context',
+          new SpanElement()..text = ' (${_context.length})'
+        ]
+    ];
   }
 }
+
+/*

[Cutch, 2016/08/15 23:27:07]

remove delete code.

[cbernaschina, 2016/08/16 00:01:43]

Done.

+<curly-block callback="{{ expander() }}">
+  <div class="memberList">
+    <div class="memberItem">
+      <div class="memberName">parent</div>
+      <div class="memberValue">
+        <any-service-ref ref="{{ ref.parentContext }}"></any-service-ref>
+      </div>
+    </div>
+    <template repeat="{{ index in ref.variables.asMap().keys }}">
+      <div class="memberItem">
+        <div class="memberName">[{{ index }}]</div>
+        <div class="memberValue">
+          <any-service-ref ref="{{ ref.variables[index]['value'] }}">
+          </any-service-ref>
+        </div>
+      </div>
+    </template>
+  </div>
+</curly-block>
+*/