| // Copyright (c) 2013, 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:async'; |
| 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/nav_bar.dart'; |
| import 'package:observatory/src/elements/helpers/nav_menu.dart'; |
| import 'package:observatory/src/elements/helpers/rendering_scheduler.dart'; |
| import 'package:observatory/src/elements/helpers/tag.dart'; |
| import 'package:observatory/src/elements/nav/class_menu.dart'; |
| import 'package:observatory/src/elements/nav/isolate_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'; |
| |
| class ContextViewElement extends HtmlElement implements Renderable { |
| static const tag = |
| const Tag<ContextViewElement>('context-view', dependencies: const [ |
| ContextRefElement.tag, |
| CurlyBlockElement.tag, |
| NavClassMenuElement.tag, |
| NavTopMenuElement.tag, |
| NavVMMenuElement.tag, |
| NavIsolateMenuElement.tag, |
| NavRefreshElement.tag, |
| NavNotifyElement.tag, |
| ObjectCommonElement.tag, |
| ViewFooterElement.tag |
| ]); |
| |
| RenderingScheduler<ContextViewElement> _r; |
| |
| Stream<RenderedEvent<ContextViewElement>> get onRendered => _r.onRendered; |
| |
| M.VM _vm; |
| M.IsolateRef _isolate; |
| M.EventRepository _events; |
| M.NotificationRepository _notifications; |
| M.Context _context; |
| M.ContextRepository _contexts; |
| M.RetainedSizeRepository _retainedSizes; |
| M.ReachableSizeRepository _reachableSizes; |
| M.InboundReferencesRepository _references; |
| M.RetainingPathRepository _retainingPaths; |
| M.ObjectRepository _objects; |
| |
| M.VMRef get vm => _vm; |
| M.IsolateRef get isolate => _isolate; |
| M.NotificationRepository get notifications => _notifications; |
| M.Context get context => _context; |
| |
| factory ContextViewElement( |
| M.VM vm, |
| M.IsolateRef isolate, |
| M.Context context, |
| M.EventRepository events, |
| M.NotificationRepository notifications, |
| M.ContextRepository contexts, |
| M.RetainedSizeRepository retainedSizes, |
| M.ReachableSizeRepository reachableSizes, |
| M.InboundReferencesRepository references, |
| M.RetainingPathRepository retainingPaths, |
| M.ObjectRepository objects, |
| {RenderingQueue queue}) { |
| assert(vm != null); |
| assert(isolate != null); |
| assert(events != null); |
| assert(notifications != null); |
| assert(context != null); |
| assert(contexts != null); |
| assert(retainedSizes != null); |
| assert(reachableSizes != null); |
| assert(references != null); |
| assert(retainingPaths != null); |
| assert(objects != null); |
| ContextViewElement 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._context = context; |
| e._contexts = contexts; |
| e._retainedSizes = retainedSizes; |
| e._reachableSizes = reachableSizes; |
| e._references = references; |
| e._retainingPaths = retainingPaths; |
| e._objects = objects; |
| return e; |
| } |
| |
| ContextViewElement.created() : super.created(); |
| |
| @override |
| attached() { |
| super.attached(); |
| _r.enable(); |
| } |
| |
| @override |
| detached() { |
| super.detached(); |
| _r.disable(notify: true); |
| children = []; |
| } |
| |
| void render() { |
| var content = [ |
| navBar([ |
| new NavTopMenuElement(queue: _r.queue), |
| new NavVMMenuElement(_vm, _events, queue: _r.queue), |
| new NavIsolateMenuElement(_isolate, _events, queue: _r.queue), |
| new NavClassMenuElement(_isolate, _context.clazz, queue: _r.queue), |
| navMenu('instance'), |
| new NavRefreshElement(queue: _r.queue) |
| ..onRefresh.listen((e) async { |
| e.element.disabled = true; |
| _context = await _contexts.get(_isolate, _context.id); |
| _r.dirty(); |
| }), |
| new NavNotifyElement(_notifications, queue: _r.queue) |
| ]), |
| new DivElement() |
| ..classes = ['content-centered-big'] |
| ..children = [ |
| new HeadingElement.h2()..text = 'Context', |
| new HRElement(), |
| new ObjectCommonElement(_isolate, _context, _retainedSizes, |
| _reachableSizes, _references, _retainingPaths, _objects, |
| queue: _r.queue) |
| ] |
| ]; |
| if (_context.parentContext != null) { |
| content.addAll([ |
| new BRElement(), |
| new DivElement() |
| ..classes = ['content-centered-big'] |
| ..children = [ |
| new DivElement() |
| ..classes = ['memberList'] |
| ..children = [ |
| new DivElement() |
| ..classes = ['memberItem'] |
| ..children = [ |
| new DivElement() |
| ..classes = ['memberName'] |
| ..text = 'parent context', |
| new DivElement() |
| ..classes = ['memberName'] |
| ..children = [ |
| new ContextRefElement( |
| _isolate, _context.parentContext, _objects, |
| queue: _r.queue) |
| ] |
| ] |
| ] |
| ] |
| ]); |
| } |
| content.add(new HRElement()); |
| if (_context.variables.isNotEmpty) { |
| int index = 0; |
| content.addAll([ |
| new DivElement() |
| ..classes = ['content-centered-big'] |
| ..children = [ |
| new SpanElement()..text = 'Variables ', |
| new CurlyBlockElement(expanded: true, queue: _r.queue) |
| ..content = [ |
| new DivElement() |
| ..classes = ['memberList'] |
| ..children = _context.variables |
| .map((variable) => new DivElement() |
| ..classes = ['memberItem'] |
| ..children = [ |
| new DivElement() |
| ..classes = ['memberName'] |
| ..text = '[ ${++index} ]', |
| new DivElement() |
| ..classes = ['memberName'] |
| ..children = [ |
| anyRef(_isolate, variable.value, _objects, |
| queue: _r.queue) |
| ] |
| ]) |
| .toList() |
| ] |
| ] |
| ]); |
| } |
| content.add(new DivElement() |
| ..classes = ['content-centered-big'] |
| ..children = [new ViewFooterElement(queue: _r.queue)]); |
| children = content; |
| } |
| } |