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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 182413007: Add new <curly-block> element. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: gen js / fix bugs with reload 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 unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.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 <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 117 matching lines...) Expand 10 before | Expand all | Expand 10 after
128 <ul><content></content></ul> 128 <ul><content></content></ul>
129 </li> 129 </li>
130 </template> 130 </template>
131 </polymer-element> 131 </polymer-element>
132 132
133 <polymer-element name="nav-refresh" extends="observatory-element"> 133 <polymer-element name="nav-refresh" extends="observatory-element">
134 <template> 134 <template>
135 <style> 135 <style>
136 .active { 136 .active {
137 color: #aaa; 137 color: #aaa;
138 cursor: wait;
138 } 139 }
139 .idle { 140 .idle {
140 color: #000; 141 color: #000;
141 } 142 }
142 li { 143 li {
143 float: right; 144 float: right;
144 margin: 0; 145 margin: 0;
145 } 146 }
146 li button { 147 li button {
147 margin: 3px; 148 margin: 3px;
(...skipping 108 matching lines...) Expand 10 before | Expand all | Expand 10 after
256 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> 257 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}">
257 <class-ref app="{{ app }}" ref="{{ ref['declared_type'] }}"></class-ref> 258 <class-ref app="{{ app }}" ref="{{ ref['declared_type'] }}"></class-ref>
258 </template> 259 </template>
259 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 260 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
260 </div> 261 </div>
261 </template> </polymer-element><polymer-element name="function-ref" extends="ser vice-ref"> 262 </template> </polymer-element><polymer-element name="function-ref" extends="ser vice-ref">
262 <template> 263 <template>
263 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 264 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
264 </template> 265 </template>
265 266
266 </polymer-element><polymer-element name="instance-ref" extends="service-ref"> 267 </polymer-element><polymer-element name="curly-block">
267 <template> 268 <template>
268 <style> 269 <style>
269 .memberList { 270 .idle {
270 margin-left: 3em; 271 display: inline-block;
271 border-spacing: 0; 272 color: #0489c3;
272 border-collapse: collapse; 273 cursor: pointer;
273 } 274 }
275 .busy {
276 display: inline-block;
277 color: white;
278 cursor: wait;
279 }
280 </style>
281 <template if="{{ expanded }}">
282 <template if="{{ busy }}">
283 {<div class="busy">&nbsp;&nbsp;⊟&nbsp;&nbsp;</div>
284 <br>
285 <content></content>
286 }
287 </template>
288 <template if="{{ !busy }}">
289 {<a on-click="{{ toggleExpand }}"><div class="idle">&nbsp;&nbsp;⊟&nbsp;& nbsp;</div></a>
290 <br>
291 <content></content>
292 }
293 </template>
294 </template>
295
296 <template if="{{ !expanded }}">
297 <template if="{{ busy }}">
298 {<div class="busy">&nbsp;&nbsp;⊞&nbsp;&nbsp;</div>}
299 </template>
300 <template if="{{ !busy }}">
301 {<a on-click="{{ toggleExpand }}"><div class="idle">&nbsp;&nbsp;⊞&nbsp;& nbsp;</div></a>}
302 </template>
303 </template>
304 </template>
305
306 </polymer-element>
307 <polymer-element name="instance-ref" extends="service-ref">
308 <template>
309 <style>
274 .member { 310 .member {
275 vertical-align: top; 311 vertical-align: top;
276 padding: 0 1em; 312 padding: 0 0 0 1em;
277 } 313 }
278 </style> 314 </style>
279 <div> 315 <div>
280 <template if="{{ isUnexpectedRef(ref['type']) }}"> 316 <template if="{{ isUnexpectedRef(ref['type']) }}">
281 unexpected reference type &lt;{{ ref['type'] }}&gt; 317 unexpected reference type &lt;{{ ref['type'] }}&gt;
282 </template> 318 </template>
283 319
284 <template if="{{ isNullRef(ref['type']) }}"> 320 <template if="{{ isNullRef(ref['type']) }}">
285 {{ name }} 321 {{ name }}
286 </template> 322 </template>
287 323
288 <template if="{{ (isStringRef(ref['type']) || 324 <template if="{{ (isStringRef(ref['type']) ||
289 isBoolRef(ref['type']) || 325 isBoolRef(ref['type']) ||
290 isIntRef(ref['type'])) }}"> 326 isIntRef(ref['type'])) }}">
291 <a href="{{ url }}">{{ name }}</a> 327 <a href="{{ url }}">{{ name }}</a>
292 </template> 328 </template>
293 329
294 <template if="{{ isClosureRef(ref['type']) }}"> 330 <template if="{{ isClosureRef(ref['type']) }}">
295 <a href="{{ url }}"> 331 <a href="{{ url }}">
296 {{ ref['closureFunc']['user_name'] }} 332 {{ ref['closureFunc']['user_name'] }}
297 </a> 333 </a>
298 </template> 334 </template>
299 335
300 <template if="{{ isInstanceRef(ref['type']) }}"> 336 <template if="{{ isInstanceRef(ref['type']) }}">
301 <a href="{{ url }}"><em>{{ ref['class']['user_name'] }}</em></a> { 337 <a href="{{ url }}"><em>{{ ref['class']['user_name'] }}</em></a>
302 <a on-click="{{ toggleExpand }}">...</a> 338 <curly-block callback="{{ expander() }}">
303 <template if="{{ expanded }}"> 339 <table>
304 <table class="memberList">
305 <tbody><tr template="" repeat="{{ field in ref['fields'] }}"> 340 <tbody><tr template="" repeat="{{ field in ref['fields'] }}">
306
307 <td class="member">{{ field['decl']['user_name'] }}</td> 341 <td class="member">{{ field['decl']['user_name'] }}</td>
308 <td class="member"> 342 <td class="member">
309 <instance-ref app="{{ app }}" ref="{{ field['value'] }}"></insta nce-ref> 343 <instance-ref app="{{ app }}" ref="{{ field['value'] }}"></insta nce-ref>
310 </td> 344 </td>
311 </tr> 345 </tr>
312 </tbody></table> 346 </tbody></table>
313 </template> 347 </curly-block>
314 }
315 </template> 348 </template>
316 349
317 <template if="{{ isListRef(ref['type']) }}"> 350 <template if="{{ isListRef(ref['type']) }}">
318 <a href="{{ url }}"><em>{{ ref['class']['user_name'] }}</em> ({{ ref['le ngth']}})</a> { 351 <a href="{{ url }}"><em>{{ ref['class']['user_name'] }}</em> ({{ ref['le ngth']}})</a>
319 <a on-click="{{ toggleExpand }}">...</a> 352 <curly-block callback="{{ expander() }}">
320 <template if="{{ expanded }}"> 353 <table>
321 <table class="memberList">
322 <tbody><tr template="" repeat="{{ element in ref['elements'] }}"> 354 <tbody><tr template="" repeat="{{ element in ref['elements'] }}">
323 <td class="member">[{{ element['index']}}]</td> 355 <td class="member">[{{ element['index']}}]</td>
324 <td class="member"> 356 <td class="member">
325 <instance-ref app="{{ app }}" ref="{{ element['value'] }}"></ins tance-ref> 357 <instance-ref app="{{ app }}" ref="{{ element['value'] }}"></ins tance-ref>
326 </td> 358 </td>
327 </tr> 359 </tr>
328 </tbody></table> 360 </tbody></table>
329 </template> 361 </curly-block>
330 }
331 </template> 362 </template>
332 363
333 </div> 364 </div>
334 </template> 365 </template>
335 366
336 </polymer-element> 367 </polymer-element>
337 <polymer-element name="library-ref" extends="service-ref"> 368 <polymer-element name="library-ref" extends="service-ref">
338 <template> 369 <template>
339 <a href="{{ url }}">{{ name }}</a> 370 <a href="{{ url }}">{{ name }}</a>
340 </template> 371 </template>
(...skipping 623 matching lines...) Expand 10 before | Expand all | Expand 10 after
964 </table> 995 </table>
965 </div> 996 </div>
966 </div> 997 </div>
967 </div> 998 </div>
968 </template> 999 </template>
969 1000
970 </polymer-element> 1001 </polymer-element>
971 <polymer-element name="stack-frame" extends="observatory-element"> 1002 <polymer-element name="stack-frame" extends="observatory-element">
972 <template> 1003 <template>
973 <style> 1004 <style>
974 .memberList {
975 margin-left: 3em;
976 border-spacing: 0;
977 border-collapse: collapse;
978 }
979 .member { 1005 .member {
980 vertical-align: top; 1006 vertical-align: top;
981 padding: 0 1em; 1007 padding: 0 0 0 1em;
982 } 1008 }
983 </style> 1009 </style>
984 <div class="row"> 1010 <div class="row">
985 <div class="col-md-1"></div> 1011 <div class="col-md-1"></div>
986 <div class="col-md-1"> 1012 <div class="col-md-1">
987 #{{ frame['depth'] }} 1013 #{{ frame['depth'] }}
988 </div> 1014 </div>
989 <div class="col-md-9"> 1015 <div class="col-md-9">
990 <function-ref app="{{ app }}" ref="{{ frame['function'] }}"></function-r ef> 1016 <function-ref app="{{ app }}" ref="{{ frame['function'] }}"></function-r ef>
991 ( <script-ref app="{{ app }}" ref="{{ frame['script'] }}" line="{{ frame ['line'] }}"> 1017 ( <script-ref app="{{ app }}" ref="{{ frame['script'] }}" line="{{ frame ['line'] }}">
992 </script-ref> ) { 1018 </script-ref> )
993 <a on-click="{{ toggleExpand }}">...</a> 1019 <curly-block>
994 1020 <table>
995 <template if="{{ expanded }}">
996 <table class="memberList">
997 <tbody><tr template="" repeat="{{ v in frame['vars'] }}"> 1021 <tbody><tr template="" repeat="{{ v in frame['vars'] }}">
998 <td class="member">{{ v['name']}}</td> 1022 <td class="member">{{ v['name']}}</td>
999 <td class="member"> 1023 <td class="member">
1000 <instance-ref app="{{ app }}" ref="{{ v['value'] }}"></instance- ref> 1024 <instance-ref app="{{ app }}" ref="{{ v['value'] }}"></instance- ref>
1001 </td> 1025 </td>
1002 </tr> 1026 </tr>
1003 </tbody></table> 1027 </tbody></table>
1004 </template> 1028 </curly-block>
1005 }
1006 1029
1007 </div> 1030 </div>
1008 <div class="col-md-1"></div> 1031 <div class="col-md-1"></div>
1009 </div> 1032 </div>
1010 1033
1011 1034
1012 </template> 1035 </template>
1013 1036
1014 </polymer-element> 1037 </polymer-element>
1015 <polymer-element name="stack-trace" extends="observatory-element"> 1038 <polymer-element name="stack-trace" extends="observatory-element">
(...skipping 149 matching lines...) Expand 10 before | Expand all | Expand 10 after
1165 <response-viewer app="{{ app }}"></response-viewer> 1188 <response-viewer app="{{ app }}"></response-viewer>
1166 </template> 1189 </template>
1167 </template> 1190 </template>
1168 1191
1169 </polymer-element> 1192 </polymer-element>
1170 1193
1171 1194
1172 <observatory-application devtools="true"></observatory-application> 1195 <observatory-application devtools="true"></observatory-application>
1173 1196
1174 </body></html> 1197 </body></html>
OLDNEW
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html_bootstrap.dart.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698