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

Side by Side Diff: runtime/bin/vmservice/client/deployed/web/index.html

Issue 164183003: Add expandable instances and lists to the vm service. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: gen js Created 6 years, 10 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
« no previous file with comments | « no previous file | runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html><head> 1 <!DOCTYPE html><html><head>
2 2
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss"> 5 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss">
6 6
7 <title>Dart VM Observatory</title> 7 <title>Dart VM Observatory</title>
8 <script type="text/javascript" src="https://www.google.com/jsapi"></script> 8 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
9 9
10 10
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
65 <class-ref app="{{ app }}" ref="{{ ref['declared_type'] }}"></class-ref> 65 <class-ref app="{{ app }}" ref="{{ ref['declared_type'] }}"></class-ref>
66 </template> 66 </template>
67 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 67 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
68 </div> 68 </div>
69 </template> </polymer-element><polymer-element name="function-ref" extends="ser vice-ref"> 69 </template> </polymer-element><polymer-element name="function-ref" extends="ser vice-ref">
70 <template> 70 <template>
71 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 71 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
72 </template> 72 </template>
73 73
74 </polymer-element><polymer-element name="instance-ref" extends="service-ref"> 74 </polymer-element><polymer-element name="instance-ref" extends="service-ref">
75 <template> 75 <template>
76 <div> 76 <style>
77 <template if="{{ (ref['type'] == 'null') }}"> 77 .memberList {
78 unexpected null 78 margin-left: 3em;
79 border-spacing: 0;
80 border-collapse: collapse;
81 }
82 .member {
83 vertical-align: top;
84 padding: 0 1em;
85 }
86 </style>
87 <div>
88 <template if="{{ isUnexpectedRef(ref['type']) }}">
89 unexpected reference type &lt;{{ ref['type'] }}&gt;
90 </template>
91
92 <template if="{{ isNullRef(ref['type']) }}">
93 {{ name }}
94 </template>
95
96 <template if="{{ (isStringRef(ref['type']) ||
97 isBoolRef(ref['type']) ||
98 isIntRef(ref['type'])) }}">
99 <a href="{{ url }}">{{ name }}</a>
100 </template>
101
102 <template if="{{ isInstanceRef(ref['type']) }}">
103 <a href="{{ url }}"><em>{{ ref['class']['user_name'] }}</em></a> {
104 <a on-click="{{ toggleExpand }}">...</a>
105 <template if="{{ expanded }}">
106 <table class="memberList">
107 <tbody><tr template="" repeat="{{ field in ref['fields'] }}">
108
109 <td class="member">{{ field['decl']['user_name'] }}</td>
110 <td class="member">
111 <instance-ref app="{{ app }}" ref="{{ field['value'] }}"></insta nce-ref>
112 </td>
113 </tr>
114 </tbody></table>
115 </template>
116 }
117 </template>
118
119 <template if="{{ isListRef(ref['type']) }}">
120 <a href="{{ url }}"><em>{{ ref['class']['user_name'] }}</em> ({{ ref['le ngth']}})</a> {
121 <a on-click="{{ toggleExpand }}">...</a>
122 <template if="{{ expanded }}">
123 <table class="memberList">
124 <tbody><tr template="" repeat="{{ element in ref['elements'] }}">
125 <td class="member">[{{ element['index']}}]</td>
126 <td class="member">
127 <instance-ref app="{{ app }}" ref="{{ element['value'] }}"></ins tance-ref>
128 </td>
129 </tr>
130 </tbody></table>
131 </template>
132 }
133 </template>
134
135 </div>
79 </template> 136 </template>
80 <template if="{{ (ref['type'] == '@Null') }}"> 137
81 {{ name }}
82 </template>
83 <template if="{{ (ref['type'] != 'null') &amp;&amp; ref['type'] != '@Null' }}" >
84 <a href="{{ url }}">{{ name }} </a>
85 </template>
86 </div>
87 </template>
88
89 </polymer-element> 138 </polymer-element>
90 <polymer-element name="library-ref" extends="service-ref"> 139 <polymer-element name="library-ref" extends="service-ref">
91 <template> 140 <template>
92 <a href="{{ url }}">{{ name }}</a> 141 <a href="{{ url }}">{{ name }}</a>
93 </template> 142 </template>
94 143
95 </polymer-element><polymer-element name="class-view" extends="observatory-elemen t"> 144 </polymer-element><polymer-element name="class-view" extends="observatory-elemen t">
96 <template> 145 <template>
97 <div class="row"> 146 <div class="row">
98 <div class="col-md-8 col-md-offset-2"> 147 <div class="col-md-8 col-md-offset-2">
(...skipping 328 matching lines...) Expand 10 before | Expand all | Expand 10 after
427 <tbody> 476 <tbody>
428 <tr> 477 <tr>
429 <td>Preview</td><td>{{ instance['preview'] }}</td> 478 <td>Preview</td><td>{{ instance['preview'] }}</td>
430 </tr> 479 </tr>
431 </tbody> 480 </tbody>
432 </table> 481 </table>
433 <blockquote><strong>Fields</strong></blockquote> 482 <blockquote><strong>Fields</strong></blockquote>
434 <table class="table table-hover"> 483 <table class="table table-hover">
435 <tbody> 484 <tbody>
436 <tr template="" repeat="{{ field in instance['fields'] }}"> 485 <tr template="" repeat="{{ field in instance['fields'] }}">
437 <td><field-ref app="{{ app }}" ref="{{ field }}"></field-ref>< /td> 486 <td><field-ref app="{{ app }}" ref="{{ field['decl'] }}"></fie ld-ref></td>
438 <td><instance-ref app="{{ app }}" ref="{{ field['value'] }}">< /instance-ref></td> 487 <td><instance-ref app="{{ app }}" ref="{{ field['value'] }}">< /instance-ref></td>
439 </tr> 488 </tr>
440 </tbody> 489 </tbody>
441 </table> 490 </table>
442 </template> 491 </template>
443 <template if="{{ instance['error'] != null }}"> 492 <template if="{{ instance['error'] != null }}">
444 <error-view error_obj="{{ instance['error'] }}"></error-view> 493 <error-view error_obj="{{ instance['error'] }}"></error-view>
445 </template> 494 </template>
446 </div> 495 </div>
447 </div> 496 </div>
(...skipping 177 matching lines...) Expand 10 before | Expand all | Expand 10 after
625 </tr> 674 </tr>
626 </tbody> 675 </tbody>
627 </table> 676 </table>
628 </div> 677 </div>
629 </div> 678 </div>
630 </div> 679 </div>
631 </template> 680 </template>
632 681
633 </polymer-element><polymer-element name="stack-frame" extends="observatory-eleme nt"> 682 </polymer-element><polymer-element name="stack-frame" extends="observatory-eleme nt">
634 <template> 683 <template>
684 <style>
685 .memberList {
686 margin-left: 3em;
687 border-spacing: 0;
688 border-collapse: collapse;
689 }
690 .member {
691 vertical-align: top;
692 padding: 0 1em;
693 }
694 </style>
635 <div class="row"> 695 <div class="row">
636 <div class="col-md-1"></div> 696 <div class="col-md-1"></div>
637 <div class="col-md-1"> 697 <div class="col-md-1">
638 #{{ frame['depth'] }} 698 #{{ frame['depth'] }}
639 </div> 699 </div>
640 <div class="col-md-9"> 700 <div class="col-md-9">
641 <function-ref app="{{ app }}" ref="{{ frame['function'] }}"></function-r ef> 701 <function-ref app="{{ app }}" ref="{{ frame['function'] }}"></function-r ef>
642 ( <script-ref app="{{ app }}" ref="{{ frame['script'] }}"></script-ref>: {{ frame['line'] }} ) 702 ( <script-ref app="{{ app }}" ref="{{ frame['script'] }}"></script-ref>: {{ frame['line'] }} )
643 </div> 703 </div>
644 <div class="col-md-1"></div> 704 <div class="col-md-1"></div>
645 </div> 705 </div>
646 706
647 <template repeat="{{ v in frame['vars'] }}"> 707 <div class="row">
648 <div class="row"> 708 <div class="col-md-3"></div>
649 <div class="col-md-3"></div> 709 <div class="col-md-9">
650 <div class="col-md-1"> 710 <table class="memberList">
651 {{ v['name'] }} 711 <tbody><tr template="" repeat="{{ v in frame['vars'] }}">
652 </div> 712 <td class="member">{{ v['name']}}</td>
653 <div class="col-md-6"> 713 <td class="member">
654 <instance-ref app="{{ app }}" ref="{{ v['value'] }}"></instance-ref> 714 <instance-ref app="{{ app }}" ref="{{ v['value'] }}"></instance-ref>
655 </div> 715 </td>
656 <div class="col-md-2"></div> 716 </tr>
717 </tbody></table>
657 </div> 718 </div>
658 </template> 719 </div>
659 720
660 </template> 721 </template>
661 722
662 </polymer-element> 723 </polymer-element>
663 <polymer-element name="stack-trace" extends="observatory-element"> 724 <polymer-element name="stack-trace" extends="observatory-element">
664 <template> 725 <template>
665 <template if="{{ trace['members'].isEmpty }}"> 726 <template if="{{ trace['members'].isEmpty }}">
666 <div class="col-md-1"></div> 727 <div class="col-md-1"></div>
667 <div class="col-md-11"> 728 <div class="col-md-11">
668 <em>No stack</em> 729 <em>No stack</em>
(...skipping 148 matching lines...) Expand 10 before | Expand all | Expand 10 after
817 </template> 878 </template>
818 <template if="{{ app.locationManager.profile == false }}"> 879 <template if="{{ app.locationManager.profile == false }}">
819 <response-viewer app="{{ app }}"></response-viewer> 880 <response-viewer app="{{ app }}"></response-viewer>
820 </template> 881 </template>
821 </template> 882 </template>
822 883
823 </polymer-element> 884 </polymer-element>
824 <observatory-application></observatory-application> 885 <observatory-application></observatory-application>
825 886
826 </body></html> 887 </body></html>
OLDNEW
« no previous file with comments | « no previous file | runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698