Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(440)

Side by Side Diff: runtime/observatory/lib/src/elements/nav/refresh_wrapper.dart

Issue 2310003004: Removed polymer & mirror from Observatory (Closed)
Patch Set: Fixed crash in heap-map page Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
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
3 // BSD-style license that can be found in the LICENSE file.
4
5 import 'dart:html';
6 import 'dart:async';
7
8 import 'package:observatory/app.dart';
9 import 'package:observatory/src/elements/helpers/tag.dart';
10 import 'package:observatory/src/elements/shims/binding.dart';
11 import 'package:observatory/src/elements/nav/refresh.dart';
12
13 @bindable
14 class NavRefreshElementWrapper extends HtmlElement {
15 static const binder = const Binder<NavRefreshElementWrapper>(const {
16 'callback': #callback, 'label': #label
17 });
18
19 static const tag = const Tag<NavRefreshElementWrapper>('nav-refresh');
20
21 Function _callback;
22 String _label;
23
24 Function get callback => _callback;
25 String get label => _label;
26
27 set callback(Function value) {
28 _callback = value;
29 render();
30 }
31 set label(String value) {
32 _label = value;
33 render();
34 }
35
36 NavRefreshElementWrapper.created() : super.created() {
37 binder.registerCallback(this);
38 _label = getAttribute('label') ?? 'Refresh';
39 createShadowRoot();
40 render();
41 }
42
43 @override
44 void attached() {
45 super.attached();
46 render();
47 }
48
49 void render() {
50 shadowRoot.children = [];
51 if (_callback == null || _label == null) {
52 return;
53 }
54
55 shadowRoot.children = [
56 new StyleElement()
57 ..text = '''nav-refresh-wrapped > li > button {
58 color: #000;
59 margin: 3px;
60 padding: 8px;
61 border-width: 2px;
62 line-height: 13px;
63 font: 400 13px 'Montserrat', sans-serif;
64 }
65 nav-refresh-wrapped > li > button[disabled] {
66 color: #aaa;
67 cursor: wait;
68 }
69 nav-refresh-wrapped > li {
70 float: right;
71 margin: 0;
72 }''',
73 new NavRefreshElement(label: _label,
74 queue: ObservatoryApplication.app.queue)
75 ..onRefresh.listen((event) async{
76 event.element.disabled = true;
77 try {
78 var future = callback();
79 if (future is Future) await future;
80 } finally {
81 event.element.disabled = false;
82 }
83 })
84 ];
85 }
86 }
OLDNEW
« no previous file with comments | « runtime/observatory/lib/src/elements/nav/refresh.dart ('k') | runtime/observatory/lib/src/elements/nav/top_menu.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698