Converted Observatory vm-view && isolate-view elements

runtime/observatory/lib/src/elements/isolate/shared_summary.dart

 // 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/utils.dart';
 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:observatory/src/elements/isolate/counter_chart.dart';
 
 class IsolateSharedSummaryElement extends HtmlElement implements Renderable {
   static const tag =
-    const Tag<IsolateSharedSummaryElement>('isolate-shared-summary-wrapped',
+    const Tag<IsolateSharedSummaryElement>('isolate-shared-summary',
                                            dependencies: const [
                                              IsolateCounterChartElement.tag
                                            ]);
 
   RenderingScheduler<IsolateSharedSummaryElement> _r;
 
   Stream<RenderedEvent<IsolateSharedSummaryElement>> get onRendered =>
       _r.onRendered;
 
   M.Isolate _isolate;
+  M.EventRepository _events;
+  StreamSubscription _isolateSubscription;
 
   factory IsolateSharedSummaryElement(M.Isolate isolate,
+                                      M.EventRepository events,
                                       {RenderingQueue queue}) {
     assert(isolate != null);
+    assert(events != null);
     IsolateSharedSummaryElement e = document.createElement(tag.name);
     e._r = new RenderingScheduler(e, queue: queue);
     e._isolate = isolate;
+    e._events = events;
     return e;
   }
 
   IsolateSharedSummaryElement.created() : super.created();
 
   @override
   void attached() {
     super.attached();
     _r.enable();
+    _isolateSubscription = _events.onIsolateEvent.listen(_eventListener);
   }
 
   @override
   void detached() {
     super.detached();
     children = [];
     _r.disable(notify: true);
+    _isolateSubscription.cancel();
   }
 
   void render() {
     final newHeapUsed = Utils.formatSize(_isolate.newSpace.used);
     final newHeapCapacity = Utils.formatSize(_isolate.newSpace.capacity);
     final oldHeapUsed = Utils.formatSize(_isolate.oldSpace.used);
     final oldHeapCapacity = Utils.formatSize(_isolate.oldSpace.capacity);
     final content = [
       new DivElement()..classes = ['menu']
         ..children = [
@@ skipping 91 matching lines @@
         new DivElement()..classes = ['summary']
           ..children = content
       ];
     } else {
       children = [
         new DivElement()..classes = ['summary']
           ..children = content
       ];
     }
   }
+
+  void _eventListener(e) {
+    if (e.isolate.id == _isolate.id) {
+      _isolate = e.isolate;
+      _r.dirty();
+    }
+  }
 }