Converted Observatory object-pool-view element

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

Index: runtime/observatory/lib/src/elements/objectpool_view.dart
diff --git a/runtime/observatory/lib/src/elements/objectpool_view.dart b/runtime/observatory/lib/src/elements/objectpool_view.dart
index 1e0819876d3bb816f6ccaf1fc6e10f7532898e32..14c1d0c9afd78be59119f842fcb0c1405344f2ab 100644
--- a/runtime/observatory/lib/src/elements/objectpool_view.dart
+++ b/runtime/observatory/lib/src/elements/objectpool_view.dart
@@ -5,19 +5,171 @@
 library objectpool_view;
 
 import 'dart:async';
-import 'observatory_element.dart';
-import 'package:observatory/service.dart';
-import 'package:polymer/polymer.dart';
+import 'dart:html';
+import 'package:observatory/models.dart' as M;
+import 'package:observatory/src/elements/context_ref.dart';
+import 'package:observatory/src/elements/curly_block.dart';
+import 'package:observatory/src/elements/helpers/any_ref.dart';
+import 'package:observatory/src/elements/helpers/rendering_scheduler.dart';
+import 'package:observatory/src/elements/helpers/tag.dart';
+import 'package:observatory/src/elements/nav/bar.dart';
+import 'package:observatory/src/elements/nav/isolate_menu.dart';
+import 'package:observatory/src/elements/nav/menu.dart';
+import 'package:observatory/src/elements/nav/notify.dart';
+import 'package:observatory/src/elements/nav/refresh.dart';
+import 'package:observatory/src/elements/nav/top_menu.dart';
+import 'package:observatory/src/elements/nav/vm_menu.dart';
+import 'package:observatory/src/elements/object_common.dart';
+import 'package:observatory/src/elements/view_footer.dart';
 
-@CustomTag('objectpool-view')
-class ObjectPoolViewElement extends ObservatoryElement {
-  @published ObjectPool pool;
+class ObjectPoolViewElement  extends HtmlElement implements Renderable {
+  static const tag = const Tag<ObjectPoolViewElement>('object-pool-view',
+                                                    dependencies: const [
+                                                      ContextRefElement.tag,
+                                                      CurlyBlockElement.tag,
+                                                      NavBarElement.tag,
+                                                      NavTopMenuElement.tag,
+                                                      NavVMMenuElement.tag,
+                                                      NavIsolateMenuElement.tag,
+                                                      NavMenuElement.tag,
+                                                      NavRefreshElement.tag,
+                                                      NavNotifyElement.tag,
+                                                      ObjectCommonElement.tag,
+                                                      ViewFooterElement.tag
+                                                    ]);
+
+  RenderingScheduler<ObjectPoolViewElement> _r;
+
+  Stream<RenderedEvent<ObjectPoolViewElement>> get onRendered => _r.onRendered;
+
+  M.VM _vm;
+  M.IsolateRef _isolate;
+  M.EventRepository _events;
+  M.NotificationRepository _notifications;
+  M.ObjectPool _pool;
+  M.ObjectPoolRepository _pools;
+  M.RetainedSizeRepository _retainedSizes;
+  M.ReachableSizeRepository _reachableSizes;
+  M.InboundReferencesRepository _references;
+  M.RetainingPathRepository _retainingPaths;
+  M.InstanceRepository _instances;
+
+
+  M.VMRef get vm => _vm;
+  M.IsolateRef get isolate => _isolate;
+  M.NotificationRepository get notifications => _notifications;
+  M.ObjectPoolRef get pool => _pool;
+
+  factory ObjectPoolViewElement(M.VM vm, M.IsolateRef isolate,
+                                M.ObjectPool pool,
+                                M.EventRepository events,
+                                M.NotificationRepository notifications,
+                                M.ObjectPoolRepository pools,
+                                M.RetainedSizeRepository retainedSizes,
+                                M.ReachableSizeRepository reachableSizes,
+                                M.InboundReferencesRepository references,
+                                M.RetainingPathRepository retainingPaths,
+                                M.InstanceRepository instances,
+                                {RenderingQueue queue}) {
+    assert(vm != null);
+    assert(isolate != null);
+    assert(events != null);
+    assert(notifications != null);
+    assert(pool != null);
+    assert(pools != null);
+    assert(retainedSizes != null);
+    assert(reachableSizes != null);
+    assert(references != null);
+    assert(retainingPaths != null);
+    assert(instances != null);
+    ObjectPoolViewElement e = document.createElement(tag.name);
+    e._r = new RenderingScheduler(e, queue: queue);
+    e._vm = vm;
+    e._isolate = isolate;
+    e._events = events;
+    e._notifications = notifications;
+    e._pool = pool;
+    e._pools = pools;
+    e._retainedSizes = retainedSizes;
+    e._reachableSizes = reachableSizes;
+    e._references = references;
+    e._retainingPaths = retainingPaths;
+    e._instances = instances;
+    return e;
+  }
 
   ObjectPoolViewElement.created() : super.created();
 
-  bool isServiceObject(o) => o is ServiceObject;
+  @override
+  attached() {
+    super.attached();
+    _r.enable();
+  }
+
+  @override
+  detached() {
+    super.detached();
+    _r.disable(notify: true);
+    children = [];
+  }
+
+  void render() {
+    children = [
+      new NavBarElement(queue: _r.queue)
+        ..children = [
+          new NavTopMenuElement(queue: _r.queue),
+          new NavVMMenuElement(_vm, _events, queue: _r.queue),
+          new NavIsolateMenuElement(_isolate, _events, queue: _r.queue),
+          new NavMenuElement('instance', last: true, queue: _r.queue),
+          new NavRefreshElement(queue: _r.queue)
+              ..onRefresh.listen((e) async {
+                e.element.disabled = true;
+                _pool = await _pools.get(_isolate, _pool.id);
+                _r.dirty();
+              }),
+          new NavNotifyElement(_notifications, queue: _r.queue)
+        ],
+      new DivElement()..classes = const ['content-centered-big']
+        ..children = [
+          new HeadingElement.h2()..text = 'Object Pool',
+          new HRElement(),
+          new ObjectCommonElement(_isolate, _pool, _retainedSizes,
+                                  _reachableSizes, _references, _retainingPaths,
+                                  _instances, queue: _r.queue),
+          new HRElement(),
+          new HeadingElement.h3()..text = 'entries ($_pool.entries.length})',

[rmacnak, 2016/08/29 17:55:15]

Missing opening brace

${_pool.entries.length}  

[cbernaschina, 2016/08/29 18:13:57]

Done.

+          new DivElement()..classes = const ['memberList']
+            ..children = _pool.entries.map((entry)
+              => new DivElement()..classes = const ['memberItem']
+                ..children = [
+                  new DivElement()..classes = const ['memberName', 'exadecimal']

[rmacnak, 2016/08/29 17:55:15]

hexadecimal

[cbernaschina, 2016/08/29 18:13:57]

Done.

+                    ..text = '[PP+0x${entry.offset.toRadixString(16)}]',
+                  new DivElement()..classes = const ['memberName']
+                    ..children = _createEntry(entry)
+                ]).toList(),
+          new HRElement(),
+          new ViewFooterElement(queue: _r.queue)
+        ]
+    ];
+  }
 
-  Future refresh() {
-    return pool.reload();
+  List<Element> _createEntry(M.ObjectPoolEntry entry) {
+    switch (entry.kind) {
+      case  M.ObjectPoolEntryKind.object:
+      return [
+        anyRef(_isolate, entry.asObject, _instances, queue: _r.queue)
+      ];
+      case  M.ObjectPoolEntryKind.immediate:
+      return [
+        new SpanElement()
+          ..text = 'Immediate 0x${entry.asInteger.toRadixString(16)}'
+      ];
+      case  M.ObjectPoolEntryKind.nativeEntry:
+      return [
+        new SpanElement()
+          ..text = 'NativeEntry 0x${entry.asInteger.toRadixString(16)}'
+      ];
+    }
+    throw new Exception('Unkown ObjectPoolEntryKind (${entry.kind})');
   }
 }