Converted Observatory class-view element

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

Index: runtime/observatory/lib/src/elements/strongly_reachable_instances.dart
diff --git a/runtime/observatory/lib/src/elements/strongly_reachable_instances.dart b/runtime/observatory/lib/src/elements/strongly_reachable_instances.dart
new file mode 100644
index 0000000000000000000000000000000000000000..f7538e890ee75884d521c68bdb8173f051ffd21b
--- /dev/null
+++ b/runtime/observatory/lib/src/elements/strongly_reachable_instances.dart
@@ -0,0 +1,126 @@
+// Copyright (c) 2016, 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.
+
+import 'dart:html';
+import 'dart:async';
+import 'package:observatory/models.dart' as M;
+import 'package:observatory/src/elements/curly_block.dart';
+import 'package:observatory/src/elements/instance_ref.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';
+
+class StronglyReachableInstancesElement extends HtmlElement
+                                        implements Renderable {
+  static const tag = const Tag<StronglyReachableInstancesElement>(
+    'strongly-reachable-instances',
+    dependencies: const [
+        CurlyBlockElement.tag,
+        InstanceRefElement.tag
+    ]);
+
+  RenderingScheduler<StronglyReachableInstancesElement> _r;
+
+  Stream<RenderedEvent<StronglyReachableInstancesElement>> get onRendered =>
+    _r.onRendered;
+
+  M.IsolateRef _isolate;
+  M.ClassRef _cls;
+  M.StronglyReachableInstancesRepository _stronglyReachableInstances;
+  M.InstanceRepository _instances;
+  M.InstanceSet _result;
+  bool _expanded = false;
+
+  M.IsolateRef get isolate => _isolate;
+  M.ClassRef get cls => _cls;
+
+  factory StronglyReachableInstancesElement(M.IsolateRef isolate,
+      M.ClassRef cls,
+      M.StronglyReachableInstancesRepository stronglyReachable,
+      M.InstanceRepository instances,
+      {RenderingQueue queue}) {
+    assert(isolate != null);
+    assert(cls != null);
+    assert(stronglyReachable != null);
+    assert(instances != null);
+    StronglyReachableInstancesElement e = document.createElement(tag.name);
+    e._r = new RenderingScheduler(e, queue: queue);
+    e._isolate = isolate;
+    e._cls = cls;
+    e._stronglyReachableInstances = stronglyReachable;
+    e._instances = instances;
+    return e;
+  }
+
+  StronglyReachableInstancesElement.created() : super.created();
+
+  @override
+  void attached() {
+    super.attached();
+    _r.enable();
+  }
+
+  @override
+  void detached() {
+    super.detached();
+    children = [];
+    _r.disable(notify: true);
+  }
+
+  void render() {
+    children = [
+      new CurlyBlockElement(expanded: _expanded, queue: _r.queue)
+        ..children = _createContent()
+        ..onToggle.listen((e) async {
+          _expanded = e.control.expanded;
+          e.control.disabled = true;
+          await _refresh();
+          e.control.disabled = false;
+        })
+    ];
+  }
+
+  Future _refresh() async {
+    _result = null;
+    _result = await _stronglyReachableInstances.get(_isolate, _cls);
+    _r.dirty();
+  }
+
+  List<Element> _createContent() {
+    if (_result == null) {
+      return [
+        new SpanElement()..text = 'Loading...'
+      ];
+    }
+    final content = _result.samples.map((sample) =>
+      new DivElement()
+        ..children = [
+          anyRef(_isolate, sample, _instances, queue: _r.queue)
+        ]
+    ).toList();
+    content.add(new DivElement()
+      ..children = ([]
+        ..addAll(_createShowMoreButton())
+        ..add(new SpanElement()..text = ' of total ${_result.count}'))
+    );
+    return content;
+  }
+
+  List<Element> _createShowMoreButton() {
+    final samples = _result.samples.toList();
+    if (samples.length == _result.count) {
+      return [];
+    }
+    final count = samples.length;
+    final button = new ButtonElement()
+      ..text = 'show next ${count}';
+    button.onClick.listen((_) async {
+      button.disabled = true;
+      _result = await _stronglyReachableInstances.get(_isolate, _cls,
+                                                      limit: count * 2);
+      _r.dirty();
+    });
+    return [button];
+  }
+}