| OLD | NEW |
| 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> |
| OLD | NEW |