Converted Observatory script-view element

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

Index: runtime/observatory/lib/src/elements/script_view.dart
diff --git a/runtime/observatory/lib/src/elements/script_view.dart b/runtime/observatory/lib/src/elements/script_view.dart
index c896b8df555836d55d6f83a5ac3920f7df419b7c..2660caf52d11083a24ea34293c0fcef9fd236f91 100644
--- a/runtime/observatory/lib/src/elements/script_view.dart
+++ b/runtime/observatory/lib/src/elements/script_view.dart
@@ -2,22 +2,200 @@
 // 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 script_view_element;
+library script_view;
 
 import 'dart:async';
-import 'observatory_element.dart';
-import 'package:observatory/elements.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/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/library_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/script_inset.dart';
+import 'package:observatory/src/elements/view_footer.dart';
 
-/// Displays an Script response.
-@CustomTag('script-view')
-class ScriptViewElement extends ObservatoryElement {
-  @published Script script;
+class ScriptViewElement extends HtmlElement implements Renderable {
+  static const tag = const Tag<ScriptViewElement>('script-view',
+                                                  dependencies: const [
+                                                    ContextRefElement.tag,
+                                                    CurlyBlockElement.tag,
+                                                    NavBarElement.tag,
+                                                    NavTopMenuElement.tag,
+                                                    NavVMMenuElement.tag,
+                                                    NavIsolateMenuElement.tag,
+                                                    NavLibraryMenuElement.tag,
+                                                    NavMenuElement.tag,
+                                                    NavRefreshElement.tag,
+                                                    NavNotifyElement.tag,
+                                                    ObjectCommonElement.tag,
+                                                    ScriptInsetElement.tag,
+                                                    ViewFooterElement.tag
+                                                  ]);
+
+  RenderingScheduler<ScriptViewElement> _r;
+
+  Stream<RenderedEvent<ScriptViewElement>> get onRendered =>
+      _r.onRendered;
+
+  M.VM _vm;
+  M.IsolateRef _isolate;
+  M.EventRepository _events;
+  M.NotificationRepository _notifications;
+  M.Script _script;
+  M.ScriptRepository _scripts;
+  M.RetainedSizeRepository _retainedSizes;
+  M.ReachableSizeRepository _reachableSizes;
+  M.InboundReferencesRepository _references;
+  M.RetainingPathRepository _retainingPaths;
+  M.InstanceRepository _instances;
+  int _pos;
+
+
+  M.VMRef get vm => _vm;
+  M.IsolateRef get isolate => _isolate;
+  M.NotificationRepository get notifications => _notifications;
+  M.Script get script => _script;
+
+  factory ScriptViewElement(M.VM vm, M.IsolateRef isolate,
+                                      M.Script script,
+                                      M.EventRepository events,
+                                      M.NotificationRepository notifications,
+                                      M.ScriptRepository scripts,
+                                      M.RetainedSizeRepository retainedSizes,
+                                      M.ReachableSizeRepository reachableSizes,
+                                      M.InboundReferencesRepository references,
+                                      M.RetainingPathRepository retainingPaths,
+                                      M.InstanceRepository instances,
+                                      {int pos, RenderingQueue queue}) {
+    assert(vm != null);
+    assert(isolate != null);
+    assert(events != null);
+    assert(notifications != null);
+    assert(script != null);
+    assert(scripts != null);
+    assert(retainedSizes != null);
+    assert(reachableSizes != null);
+    assert(references != null);
+    assert(retainingPaths != null);
+    assert(instances != null);
+    ScriptViewElement 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._script = script;
+    e._scripts = scripts;
+    e._retainedSizes = retainedSizes;
+    e._reachableSizes = reachableSizes;
+    e._references = references;
+    e._retainingPaths = retainingPaths;
+    e._instances = instances;
+    e._pos = pos;
+    return e;
+  }
 
   ScriptViewElement.created() : super.created();
 
-  Future refresh() {
-    return script.reload();
+  @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 NavLibraryMenuElement(_isolate, _script.library, queue: _r.queue),
+          new NavMenuElement('object', last: true, queue: _r.queue),
+          new NavRefreshElement(queue: _r.queue)
+              ..onRefresh.listen((e) async {
+                e.element.disabled = true;
+                _script = await _scripts.get(_isolate, _script.id);
+                _r.dirty();
+              }),
+          new NavNotifyElement(_notifications, queue: _r.queue)
+        ],
+      new DivElement()..classes = const ['content-centered-big']
+        ..children = [
+          new HeadingElement.h2()..text = 'Megamorphic Cache',

[rmacnak, 2016/08/29 17:35:29]

Script ${script.name}

[cbernaschina, 2016/08/29 18:06:38]

Done.

+          new HRElement(),
+          new ObjectCommonElement(_isolate, _script, _retainedSizes,
+                                  _reachableSizes, _references, _retainingPaths,
+                                  _instances, queue: _r.queue),
+          new BRElement(),
+          new DivElement()..classes = ['memberList']
+            ..children = [
+              new DivElement()..classes = ['memberItem']
+                ..children = [
+                  new DivElement()..classes = ['memberName']
+                    ..text = 'load time',
+                  new DivElement()..classes = ['memberName']
+                    ..text = '${_script.loadTime}'
+                ],
+            ],
+          new HRElement(),
+          new ScriptInsetElement(_isolate, _script, _scripts, _instances,
+                                 _events, currentPos: _pos, queue: _r.queue),
+          new ViewFooterElement(queue: _r.queue)
+        ]
+    ];
   }
 }
+
+/*

[rmacnak, 2016/08/29 17:35:28]

Remove

[cbernaschina, 2016/08/29 18:06:38]

Done.

+<polymer-element name="script-view">
+<template>
+  <link rel="stylesheet" href="css/shared.css">
+  <nav-bar>
+    <top-nav-menu></top-nav-menu>
+    <vm-nav-menu vm="{{ script.isolate.vm }}"></vm-nav-menu>
+    <isolate-nav-menu isolate="{{ script.isolate }}"></isolate-nav-menu>
+    <library-nav-menu library="{{ script.library }}"></library-nav-menu>
+    <nav-menu link="{{ makeLink('/inspect', script) }}" anchor="{{ script.name }}" last="{{ true }}"></nav-menu>
+    <nav-refresh callback="{{ refresh }}"></nav-refresh>
+    <nav-notify notifications="{{ app.notifications }}"></nav-notify>
+  </nav-bar>
+
+  <div class="content-centered-big">
+    <h1>script {{ script.name }}</h1>
+    <object-common object="{{ script }}"></object-common>
+    <br>
+
+    <div class="memberList">
+      <div class="memberItem">
+        <div class="memberName">loaded at</div>
+        <div class="memberValue">{{ script.loadTime.toString() }}</div>
+      </div>
+    </div>
+
+    <hr>
+    <script-inset id="scriptInset" script="{{ script }}"
+                  currentPos="{{ app.locationManager.internalArguments['pos'] | parseInt }}">
+    </script-inset>
+  </div>
+
+  <view-footer></view-footer>
+</template>
+</polymer-element>
+ */