| Index: runtime/bin/vmservice/client/lib/src/observatory_elements/table_tree.dart
|
| diff --git a/runtime/bin/vmservice/client/lib/src/observatory_elements/table_tree.dart b/runtime/bin/vmservice/client/lib/src/observatory_elements/table_tree.dart
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..a940bc14b743252519fa288f79d9857d334d1271
|
| --- /dev/null
|
| +++ b/runtime/bin/vmservice/client/lib/src/observatory_elements/table_tree.dart
|
| @@ -0,0 +1,35 @@
|
| +// 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.
|
| +
|
| +library table_tree_element;
|
| +
|
| +import 'dart:html';
|
| +import 'observatory_element.dart';
|
| +import 'package:observatory/observatory.dart';
|
| +import 'package:polymer/polymer.dart';
|
| +
|
| +
|
| +@CustomTag('table-tree')
|
| +class TableTreeElement extends ObservatoryElement {
|
| + TableTreeElement.created() : super.created();
|
| + @published TableTree tree;
|
| +
|
| + String padding(TableTreeRow row) {
|
| + return 'padding-left: ${row.depth * 16}px;';
|
| + }
|
| +
|
| + String coloring(TableTreeRow row) {
|
| + const colors = const ['active', 'success', 'warning', 'danger', 'info'];
|
| + var index = row.depth % colors.length;
|
| + return colors[index];
|
| + }
|
| +
|
| + void toggleExpanded(Event e, var detail, Element target) {
|
| + TableElement table = shadowRoot.querySelector('#_table');
|
| + var index = table.tBodies[0].children.indexOf(target.parent) - 1;
|
| + assert(index >= 0);
|
| + assert(index < tree.rows.length);
|
| + tree.toggle(index);
|
| + }
|
| +}
|
|
|