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

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

Issue 24471002: Initial GUI for review (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 7 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 side-by-side diff with in-line comments
Download patch
Index: runtime/bin/vmservice/client/observatory/packages/observatory/src/observatory_elements/json_view.html
diff --git a/runtime/bin/vmservice/client/observatory/packages/observatory/src/observatory_elements/json_view.html b/runtime/bin/vmservice/client/observatory/packages/observatory/src/observatory_elements/json_view.html
new file mode 100644
index 0000000000000000000000000000000000000000..1e5d87cc6613da378781693c1b34544ea047420e
--- /dev/null
+++ b/runtime/bin/vmservice/client/observatory/packages/observatory/src/observatory_elements/json_view.html
@@ -0,0 +1,30 @@
+<polymer-element name="json-view" attributes="json">
+ <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