| OLD | NEW |
| 1 // Copyright (c) 2016, the Dart project authors. Please see the AUTHORS file | 1 // Copyright (c) 2016, the Dart project authors. Please see the AUTHORS file |
| 2 // for details. All rights reserved. Use of this source code is governed by a | 2 // for details. All rights reserved. Use of this source code is governed by a |
| 3 // BSD-style license that can be found in the LICENSE file. | 3 // BSD-style license that can be found in the LICENSE file. |
| 4 | 4 |
| 5 import 'dart:html'; | 5 import 'dart:html'; |
| 6 import 'dart:async'; | 6 import 'dart:async'; |
| 7 import 'package:observatory/src/elements/helpers/nav_menu.dart'; |
| 7 import 'package:observatory/src/elements/helpers/rendering_scheduler.dart'; | 8 import 'package:observatory/src/elements/helpers/rendering_scheduler.dart'; |
| 8 import 'package:observatory/src/elements/helpers/tag.dart'; | 9 import 'package:observatory/src/elements/helpers/tag.dart'; |
| 9 import 'package:observatory/src/elements/helpers/uris.dart'; | 10 import 'package:observatory/src/elements/helpers/uris.dart'; |
| 10 import 'package:observatory/src/elements/nav/menu.dart'; | |
| 11 import 'package:observatory/src/elements/nav/menu_item.dart'; | 11 import 'package:observatory/src/elements/nav/menu_item.dart'; |
| 12 | 12 |
| 13 class NavTopMenuElement extends HtmlElement implements Renderable { | 13 class NavTopMenuElement extends HtmlElement implements Renderable { |
| 14 static const tag = const Tag<NavTopMenuElement>('nav-top-menu', | 14 static const tag = const Tag<NavTopMenuElement>('nav-top-menu', |
| 15 dependencies: const [NavMenuElement.tag, | 15 dependencies: const [NavMenuItemElement.tag]); |
| 16 NavMenuItemElement.tag]); | |
| 17 | 16 |
| 18 RenderingScheduler _r; | 17 RenderingScheduler _r; |
| 19 | 18 |
| 20 Stream<RenderedEvent<NavTopMenuElement>> get onRendered => _r.onRendered; | 19 Stream<RenderedEvent<NavTopMenuElement>> get onRendered => _r.onRendered; |
| 21 | 20 |
| 22 bool _last; | 21 Iterable<Element> _content = const []; |
| 23 | |
| 24 bool get last => _last; | |
| 25 | 22 |
| 26 set last(bool value) => _last = _r.checkAndReact(_last, value); | 23 Iterable<Element> get content => _content; |
| 27 | 24 |
| 28 factory NavTopMenuElement({bool last: false, RenderingQueue queue}) { | 25 set content(Iterable<Element> value) { |
| 29 assert(last != null); | 26 _content = value.toList(); |
| 27 _r.dirty(); |
| 28 } |
| 29 |
| 30 factory NavTopMenuElement({RenderingQueue queue}) { |
| 30 NavTopMenuElement e = document.createElement(tag.name); | 31 NavTopMenuElement e = document.createElement(tag.name); |
| 31 e._r = new RenderingScheduler(e, queue: queue); | 32 e._r = new RenderingScheduler(e, queue: queue); |
| 32 e._last = last; | |
| 33 return e; | 33 return e; |
| 34 } | 34 } |
| 35 | 35 |
| 36 NavTopMenuElement.created() : super.created() { createShadowRoot(); } | 36 NavTopMenuElement.created() : super.created(); |
| 37 | 37 |
| 38 @override | 38 @override |
| 39 void attached() { | 39 void attached() { |
| 40 super.attached(); | 40 super.attached(); |
| 41 _r.enable(); | 41 _r.enable(); |
| 42 } | 42 } |
| 43 | 43 |
| 44 @override | 44 @override |
| 45 void detached() { | 45 void detached() { |
| 46 super.detached(); | 46 super.detached(); |
| 47 _r.disable(notify: true); | 47 _r.disable(notify: true); |
| 48 shadowRoot.children = []; | 48 children = []; |
| 49 } | 49 } |
| 50 | 50 |
| 51 void render() { | 51 void render() { |
| 52 shadowRoot.children = [ | 52 final content = ([ |
| 53 new NavMenuElement('Observatory', link: Uris.vm(), last: last, | 53 new NavMenuItemElement('Connect to a VM', link: Uris.vmConnect()), |
| 54 queue: _r.queue) | 54 ]..addAll(_content)); |
| 55 ..children = [ | 55 children = [ |
| 56 new NavMenuItemElement('Connect to a VM', link: Uris.vmConnect(), | 56 navMenu('Observatory', link: Uris.vm(), content: _content) |
| 57 queue: _r.queue), | |
| 58 new ContentElement() | |
| 59 ] | |
| 60 ]; | 57 ]; |
| 61 } | 58 } |
| 62 } | 59 } |
| OLD | NEW |