| Index: runtime/bin/vmservice/client/lib/src/elements/json_view.html
|
| diff --git a/runtime/bin/vmservice/client/lib/src/elements/json_view.html b/runtime/bin/vmservice/client/lib/src/elements/json_view.html
|
| index 1b3cad86f6a0e14df8974c0f0c4f4d5277447754..e46244094a15ad2b33de08a80438b336cae19e53 100644
|
| --- a/runtime/bin/vmservice/client/lib/src/elements/json_view.html
|
| +++ b/runtime/bin/vmservice/client/lib/src/elements/json_view.html
|
| @@ -1,33 +1,39 @@
|
| <head>
|
| + <link rel="import" href="nav_bar.html">
|
| <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>
|
| + <style>
|
| + .content {
|
| + padding-left: 10%;
|
| + font: 400 14px 'Montserrat', sans-serif;
|
| + }
|
| + h1 {
|
| + font: 400 18px 'Montserrat', sans-serif;
|
| + }
|
| + .memberList {
|
| + display: table;
|
| + }
|
| + .memberItem {
|
| + display: table-row;
|
| + }
|
| + .memberName, .memberValue {
|
| + display: table-cell;
|
| + vertical-align: top;
|
| + padding: 3px 0 3px 1em;
|
| + font: 400 14px 'Montserrat', sans-serif;
|
| + }
|
| + .sourceInset {
|
| + padding-left: 15%;
|
| + padding-right: 15%;
|
| + }
|
| + </style>
|
| +
|
| + <nav-bar>
|
| + <top-nav-menu last="{{ true }}"></top-nav-menu>
|
| + </nav-bar>
|
| + <pre>{{ mapAsString }}</pre>
|
| </template>
|
| <script type="application/dart" src="json_view.dart"></script>
|
| </polymer-element>
|
|
|