| OLD | NEW |
| (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 } | |
| OLD | NEW |