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

Unified Diff: runtime/bin/vmservice/client/packages/observatory/src/observatory_elements/json_view.html

Issue 24844002: Initial GUI for VM service (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 7 years, 2 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 side-by-side diff with in-line comments
Download patch
Index: runtime/bin/vmservice/client/packages/observatory/src/observatory_elements/json_view.html
diff --git a/runtime/bin/vmservice/client/packages/observatory/src/observatory_elements/json_view.html b/runtime/bin/vmservice/client/packages/observatory/src/observatory_elements/json_view.html
new file mode 100644
index 0000000000000000000000000000000000000000..1b3cad86f6a0e14df8974c0f0c4f4d5277447754
--- /dev/null
+++ b/runtime/bin/vmservice/client/packages/observatory/src/observatory_elements/json_view.html
@@ -0,0 +1,33 @@
+<head>
+ <link rel="import" href="observatory_element.html">
+</head>
+<polymer-element name="json-view" extends="observatory-element">
+ <template>
+ <template bind if="{{ valueType == 'Primitive' }}">
+ <span>{{primitiveString}}</span>
+ </template>
+ <template bind if="{{ valueType == 'List' }}">
+ <table class="table table-condensed table-bordered">
+ <caption class="text-left">List, {{list.length}}</caption>
+ <tbody>
+ <tr template repeat="{{item in list)}}">
+ <th>{{counter}}</th>
+ <td><json-view json="{{item}}"></json-view></td>
+ </tr>
+ </tbody>
+ </table>
+ </template>
+ <template if="{{ valueType == 'Map' }}">
+ <table class="table table-condensed table-bordered">
+ <caption class="text-left">Map, {{keys.length}}</caption>
+ <tbody>
+ <tr template repeat="{{key in keys}}">
+ <th>{{key}}</th>
+ <td><json-view json="{{value(key)}}"></json-view></td>
+ </tr>
+ </tbody>
+ </table>
+ </template>
+ </template>
+ <script type="application/dart" src="json_view.dart"></script>
+</polymer-element>

Powered by Google App Engine
This is Rietveld 408576698