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

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

Powered by Google App Engine
This is Rietveld 408576698