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

Side by Side Diff: runtime/bin/vmservice/client/lib/src/elements/json_view.html

Issue 221263002: Miscellaneous Observatory UI improvements (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 8 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 unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <head> 1 <head>
2 <link rel="import" href="nav_bar.html">
2 <link rel="import" href="observatory_element.html"> 3 <link rel="import" href="observatory_element.html">
3 </head> 4 </head>
4 <polymer-element name="json-view" extends="observatory-element"> 5 <polymer-element name="json-view" extends="observatory-element">
5 <template> 6 <template>
6 <template bind if="{{ valueType == 'Primitive' }}"> 7 <style>
7 <span>{{primitiveString}}</span> 8 .content {
8 </template> 9 padding-left: 10%;
9 <template bind if="{{ valueType == 'List' }}"> 10 font: 400 14px 'Montserrat', sans-serif;
10 <table class="table table-condensed table-bordered"> 11 }
11 <caption class="text-left">List, {{list.length}}</caption> 12 h1 {
12 <tbody> 13 font: 400 18px 'Montserrat', sans-serif;
13 <tr template repeat="{{item in list)}}"> 14 }
14 <th>{{counter}}</th> 15 .memberList {
15 <td><json-view json="{{item}}"></json-view></td> 16 display: table;
16 </tr> 17 }
17 </tbody> 18 .memberItem {
18 </table> 19 display: table-row;
19 </template> 20 }
20 <template if="{{ valueType == 'Map' }}"> 21 .memberName, .memberValue {
21 <table class="table table-condensed table-bordered"> 22 display: table-cell;
22 <caption class="text-left">Map, {{keys.length}}</caption> 23 vertical-align: top;
23 <tbody> 24 padding: 3px 0 3px 1em;
24 <tr template repeat="{{key in keys}}"> 25 font: 400 14px 'Montserrat', sans-serif;
25 <th>{{key}}</th> 26 }
26 <td><json-view json="{{value(key)}}"></json-view></td> 27 .sourceInset {
27 </tr> 28 padding-left: 15%;
28 </tbody> 29 padding-right: 15%;
29 </table> 30 }
30 </template> 31 </style>
32
33 <nav-bar>
34 <top-nav-menu last="{{ true }}"></top-nav-menu>
35 </nav-bar>
36 <pre>{{ mapAsString }}</pre>
31 </template> 37 </template>
32 <script type="application/dart" src="json_view.dart"></script> 38 <script type="application/dart" src="json_view.dart"></script>
33 </polymer-element> 39 </polymer-element>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698