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

Issues Search
    My Issues | Starred     Open | Closed | All

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