Index: runtime/observatory/lib/src/elements/script_inset_wrapper.dart |
diff --git a/runtime/observatory/lib/src/elements/script_inset_wrapper.dart b/runtime/observatory/lib/src/elements/script_inset_wrapper.dart |
deleted file mode 100644 |
index 0dba95acf3a1f1c8ebf752ccedd136bc2efc73c7..0000000000000000000000000000000000000000 |
--- a/runtime/observatory/lib/src/elements/script_inset_wrapper.dart |
+++ /dev/null |
@@ -1,266 +0,0 @@ |
-// 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:html'; |
-import 'dart:async'; |
- |
-import 'package:observatory/app.dart'; |
-import 'package:observatory/repositories.dart'; |
-import 'package:observatory/service_html.dart' show Script; |
-import 'package:observatory/src/elements/script_inset.dart'; |
-import 'package:observatory/src/elements/helpers/tag.dart'; |
-import 'package:observatory/src/elements/shims/binding.dart'; |
- |
-@bindable |
-class ScriptInsetElementWrapper extends HtmlElement { |
- static const binder = const Binder<ScriptInsetElementWrapper>(const { |
- 'script': #script, 'startpos': #startPos, 'endpos': #endPos, |
- 'currentpos': #currentPos, 'indebuggercontext': #inDebuggerContext, |
- 'variables': #variables, 'height': #height |
- }); |
- |
- static const tag = const Tag<ScriptInsetElementWrapper>('script-inset'); |
- |
- Script _script; |
- int _startPos; |
- int _endPos; |
- int _currentPos; |
- String _height; |
- bool _inDebuggerContext; |
- Iterable _variables; |
- |
- Script get script => _script; |
- int get startPos => _startPos; |
- int get endPos => _endPos; |
- int get currentPos => _currentPos; |
- String get height => _height; |
- bool get inDebuggerContext => _inDebuggerContext; |
- Iterable get variables => _variables; |
- |
- set script(Script value) { |
- _script = value; |
- render(); |
- } |
- set startPos(int value) { |
- _startPos = value; |
- render(); |
- } |
- set endPos(int value) { |
- _endPos = value; |
- render(); |
- } |
- set currentPos(int value) { |
- _currentPos = value; |
- render(); |
- } |
- set height(String value) { |
- _height = value; |
- render(); |
- } |
- set inDebuggerContext(bool value) { |
- _inDebuggerContext = value; |
- render(); |
- } |
- set variables(Iterable value) { |
- _variables = value; |
- render(); |
- } |
- |
- ScriptInsetElementWrapper.created() : super.created() { |
- binder.registerCallback(this); |
- createShadowRoot(); |
- render(); |
- } |
- |
- @override |
- void attached() { |
- super.attached(); |
- render(); |
- } |
- |
- Future render() async { |
- shadowRoot.children = []; |
- if (_script == null) { |
- return; |
- } |
- |
- shadowRoot.children = [ |
- new StyleElement() |
- ..text = ''' |
- script-inset-wrapped { |
- position: relative; |
- } |
- script-inset-wrapped button.refresh, |
- script-inset-wrapped button.toggle-profile { |
- background-color: transparent; |
- padding: 0; |
- margin: 0; |
- border: none; |
- position: absolute; |
- display: inline-block; |
- top: 5px; |
- color: #888888; |
- line-height: 30px; |
- font: 400 20px 'Montserrat', sans-serif; |
- } |
- script-inset-wrapped button.refresh { |
- right: 5px; |
- font-size: 25px; |
- } |
- script-inset-wrapped button.toggle-profile { |
- right: 30px; |
- font-size: 20px; |
- } |
- script-inset-wrapped button.toggle-profile.enabled { |
- color: #BB3322; |
- } |
- script-inset-wrapped a { |
- color: #0489c3; |
- text-decoration: none; |
- } |
- script-inset-wrapped a:hover { |
- text-decoration: underline; |
- } |
- script-inset-wrapped .sourceInset { |
- } |
- script-inset-wrapped .sourceTable { |
- position: relative; |
- background-color: #f5f5f5; |
- border: 1px solid #ccc; |
- padding: 10px; |
- width: 100%; |
- box-sizing: border-box; |
- overflow-x: scroll; |
- } |
- script-inset-wrapped .sourceRow { |
- display: flex; |
- flex-direction: row; |
- width: 100%; |
- } |
- script-inset-wrapped .sourceItem, |
- script-inset-wrapped .sourceItemCurrent { |
- vertical-align: top; |
- font: 400 14px consolas, courier, monospace; |
- line-height: 125%; |
- white-space: pre; |
- max-width: 0; |
- } |
- script-inset-wrapped .currentLine { |
- background-color: #fff; |
- } |
- script-inset-wrapped .currentCol { |
- background-color: #6cf; |
- } |
- script-inset-wrapped .hitsCurrent, |
- script-inset-wrapped .hitsNone, |
- script-inset-wrapped .hitsNotExecuted, |
- script-inset-wrapped .hitsExecuted, |
- script-inset-wrapped .hitsCompiled, |
- script-inset-wrapped .hitsNotCompiled { |
- display: table-cell; |
- vertical-align: top; |
- font: 400 14px consolas, courier, monospace; |
- margin-left: 5px; |
- margin-right: 5px; |
- text-align: right; |
- color: #a8a8a8; |
- } |
- script-inset-wrapped .hitsCurrent { |
- background-color: #6cf; |
- color: black; |
- } |
- script-inset-wrapped .hitsNotExecuted { |
- background-color: #faa; |
- } |
- script-inset-wrapped .hitsExecuted { |
- background-color: #aea; |
- } |
- script-inset-wrapped .hitsCompiled { |
- background-color: #e0e0e0; |
- } |
- script-inset-wrapped .hitsNotCompiled { |
- background-color: #f0c5c5; |
- } |
- script-inset-wrapped .noCopy {} |
- script-inset-wrapped .emptyBreakpoint, |
- script-inset-wrapped .possibleBreakpoint, |
- script-inset-wrapped .busyBreakpoint, |
- script-inset-wrapped .unresolvedBreakpoint, |
- script-inset-wrapped .resolvedBreakpoint { |
- display: table-cell; |
- vertical-align: top; |
- font: 400 14px consolas, courier, monospace; |
- width: 1em; |
- text-align: center; |
- cursor: pointer; |
- } |
- script-inset-wrapped .possibleBreakpoint { |
- color: #e0e0e0; |
- } |
- script-inset-wrapped .possibleBreakpoint:hover { |
- color: white; |
- background-color: #777; |
- } |
- script-inset-wrapped .busyBreakpoint { |
- color: white; |
- background-color: black; |
- cursor: wait; |
- } |
- script-inset-wrapped .unresolvedBreakpoint { |
- color: white; |
- background-color: #cac; |
- } |
- script-inset-wrapped .resolvedBreakpoint { |
- color: white; |
- background-color: #e66; |
- } |
- script-inset-wrapped .unresolvedBreakAnnotation { |
- color: white; |
- background-color: #cac; |
- } |
- script-inset-wrapped .resolvedBreakAnnotation { |
- color: white; |
- background-color: #e66; |
- } |
- script-inset-wrapped .notSourceProfile, |
- script-inset-wrapped .noProfile, |
- script-inset-wrapped .coldProfile, |
- script-inset-wrapped .mediumProfile, |
- script-inset-wrapped .hotProfile { |
- display: table-cell; |
- vertical-align: top; |
- font: 400 14px consolas, courier, monospace; |
- width: 4em; |
- text-align: right; |
- cursor: pointer; |
- margin-left: 5px; |
- margin-right: 5px; |
- } |
- script-inset-wrapped .notSourceProfile { |
- } |
- script-inset-wrapped .noProfile { |
- background-color: #e0e0e0; |
- } |
- script-inset-wrapped .coldProfile { |
- background-color: #aea; |
- } |
- script-inset-wrapped .mediumProfile { |
- background-color: #fe9; |
- } |
- script-inset-wrapped .hotProfile { |
- background-color: #faa; |
- }''', |
- new ScriptInsetElement(_script.isolate, _script, |
- new ScriptRepository(), |
- new InstanceRepository(), |
- ObservatoryApplication.app.events, |
- startPos: _startPos, |
- endPos: _endPos, |
- currentPos: _currentPos, |
- inDebuggerContext: _inDebuggerContext ?? false, |
- variables: _variables ?? const [], |
- queue: ObservatoryApplication.app.queue) |
- ]; |
- } |
-} |