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

Unified 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, 9 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/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>

Powered by Google App Engine
This is Rietveld 408576698