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

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

Issue 307503002: Add processes to Observatory (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 7 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 <title>Dart VM Observatory</title> 2 <title>Dart VM Observatory</title>
3 <meta charset="utf-8"> 3 <meta charset="utf-8">
4 4
5 5
6 6
7 7
8 8
9 9
10 </head> 10 </head>
(...skipping 271 matching lines...) Expand 10 before | Expand all | Expand 10 after
282 282
283 .well { 283 .well {
284 min-height: 20px; 284 min-height: 20px;
285 padding: 19px; 285 padding: 19px;
286 margin-bottom: 20px; 286 margin-bottom: 20px;
287 background-color: #f5f5f5; 287 background-color: #f5f5f5;
288 border: 1px solid #e3e3e3; 288 border: 1px solid #e3e3e3;
289 border-radius: 4px; 289 border-radius: 4px;
290 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 290 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
291 } 291 }
292
293 .break-wrap {
294 word-wrap: break-word;
295 }
292 </style> 296 </style>
293 297
294 298
295 299
296 300
297 301
298 302
299 303
300 304
301 305
(...skipping 302 matching lines...) Expand 10 before | Expand all | Expand 10 after
604 608
605 .well { 609 .well {
606 min-height: 20px; 610 min-height: 20px;
607 padding: 19px; 611 padding: 19px;
608 margin-bottom: 20px; 612 margin-bottom: 20px;
609 background-color: #f5f5f5; 613 background-color: #f5f5f5;
610 border: 1px solid #e3e3e3; 614 border: 1px solid #e3e3e3;
611 border-radius: 4px; 615 border-radius: 4px;
612 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 616 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
613 } 617 }
618
619 .break-wrap {
620 word-wrap: break-word;
621 }
614 </style> 622 </style>
615 <style> 623 <style>
616 .errorBox { 624 .errorBox {
617 background-color: #f5f5f5; 625 background-color: #f5f5f5;
618 border: 1px solid #ccc; 626 border: 1px solid #ccc;
619 padding: 10px; 627 padding: 10px;
620 font-family: consolas, courier, monospace; 628 font-family: consolas, courier, monospace;
621 font-size: 1em; 629 font-size: 1em;
622 line-height: 1.2em; 630 line-height: 1.2em;
623 white-space: pre; 631 white-space: pre;
(...skipping 318 matching lines...) Expand 10 before | Expand all | Expand 10 after
942 950
943 .well { 951 .well {
944 min-height: 20px; 952 min-height: 20px;
945 padding: 19px; 953 padding: 19px;
946 margin-bottom: 20px; 954 margin-bottom: 20px;
947 background-color: #f5f5f5; 955 background-color: #f5f5f5;
948 border: 1px solid #e3e3e3; 956 border: 1px solid #e3e3e3;
949 border-radius: 4px; 957 border-radius: 4px;
950 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 958 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
951 } 959 }
960
961 .break-wrap {
962 word-wrap: break-word;
963 }
952 </style> 964 </style>
953 <style> 965 <style>
954 nav { 966 nav {
955 position: fixed; 967 position: fixed;
956 width: 100%; 968 width: 100%;
957 z-index: 1000; 969 z-index: 1000;
958 } 970 }
959 nav ul { 971 nav ul {
960 display: inline-table; 972 display: inline-table;
961 position: relative; 973 position: relative;
(...skipping 407 matching lines...) Expand 10 before | Expand all | Expand 10 after
1369 1381
1370 .well { 1382 .well {
1371 min-height: 20px; 1383 min-height: 20px;
1372 padding: 19px; 1384 padding: 19px;
1373 margin-bottom: 20px; 1385 margin-bottom: 20px;
1374 background-color: #f5f5f5; 1386 background-color: #f5f5f5;
1375 border: 1px solid #e3e3e3; 1387 border: 1px solid #e3e3e3;
1376 border-radius: 4px; 1388 border-radius: 4px;
1377 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 1389 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1378 } 1390 }
1391
1392 .break-wrap {
1393 word-wrap: break-word;
1394 }
1379 </style> 1395 </style>
1380 <nav-bar> 1396 <nav-bar>
1381 <top-nav-menu></top-nav-menu> 1397 <top-nav-menu></top-nav-menu>
1382 <isolate-nav-menu isolate="{{ msg.isolate }}"></isolate-nav-menu> 1398 <isolate-nav-menu isolate="{{ msg.isolate }}"></isolate-nav-menu>
1383 <nav-menu link="{{ msg.isolate.relativeHashLink('debug/breakpoints') }}" a nchor="breakpoints" last="{{ true }}"></nav-menu> 1399 <nav-menu link="{{ msg.isolate.relativeHashLink('debug/breakpoints') }}" a nchor="breakpoints" last="{{ true }}"></nav-menu>
1384 <nav-refresh callback="{{ refresh }}"></nav-refresh> 1400 <nav-refresh callback="{{ refresh }}"></nav-refresh>
1385 </nav-bar> 1401 </nav-bar>
1386 <template if="{{ msg['breakpoints'].isEmpty }}"> 1402 <template if="{{ msg['breakpoints'].isEmpty }}">
1387 <div> 1403 <div>
1388 <div>No breakpoints</div> 1404 <div>No breakpoints</div>
(...skipping 234 matching lines...) Expand 10 before | Expand all | Expand 10 after
1623 1639
1624 .well { 1640 .well {
1625 min-height: 20px; 1641 min-height: 20px;
1626 padding: 19px; 1642 padding: 19px;
1627 margin-bottom: 20px; 1643 margin-bottom: 20px;
1628 background-color: #f5f5f5; 1644 background-color: #f5f5f5;
1629 border: 1px solid #e3e3e3; 1645 border: 1px solid #e3e3e3;
1630 border-radius: 4px; 1646 border-radius: 4px;
1631 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 1647 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1632 } 1648 }
1649
1650 .break-wrap {
1651 word-wrap: break-word;
1652 }
1633 </style><a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a></template> 1653 </style><a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a></template>
1634 1654
1635 1655
1636 </polymer-element> 1656 </polymer-element>
1637 1657
1638 1658
1639 1659
1640 1660
1641 1661
1642 1662
(...skipping 338 matching lines...) Expand 10 before | Expand all | Expand 10 after
1981 2001
1982 .well { 2002 .well {
1983 min-height: 20px; 2003 min-height: 20px;
1984 padding: 19px; 2004 padding: 19px;
1985 margin-bottom: 20px; 2005 margin-bottom: 20px;
1986 background-color: #f5f5f5; 2006 background-color: #f5f5f5;
1987 border: 1px solid #e3e3e3; 2007 border: 1px solid #e3e3e3;
1988 border-radius: 4px; 2008 border-radius: 4px;
1989 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 2009 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1990 } 2010 }
2011
2012 .break-wrap {
2013 word-wrap: break-word;
2014 }
1991 </style> 2015 </style>
1992 <div> 2016 <div>
1993 <template if="{{ ref['static'] }}">static</template> 2017 <template if="{{ ref['static'] }}">static</template>
1994 <template if="{{ ref['final'] }}">final</template> 2018 <template if="{{ ref['final'] }}">final</template>
1995 <template if="{{ ref['const'] }}">const</template> 2019 <template if="{{ ref['const'] }}">const</template>
1996 <template if="{{ (ref['declared_type']['name'] == 'dynamic' &amp;&amp; 2020 <template if="{{ (ref['declared_type']['name'] == 'dynamic' &amp;&amp;
1997 !ref['final'] &amp;&amp; !ref['const']) }}"> 2021 !ref['final'] &amp;&amp; !ref['const']) }}">
1998 var 2022 var
1999 </template> 2023 </template>
2000 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> 2024 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}">
(...skipping 227 matching lines...) Expand 10 before | Expand all | Expand 10 after
2228 2252
2229 .well { 2253 .well {
2230 min-height: 20px; 2254 min-height: 20px;
2231 padding: 19px; 2255 padding: 19px;
2232 margin-bottom: 20px; 2256 margin-bottom: 20px;
2233 background-color: #f5f5f5; 2257 background-color: #f5f5f5;
2234 border: 1px solid #e3e3e3; 2258 border: 1px solid #e3e3e3;
2235 border-radius: 4px; 2259 border-radius: 4px;
2236 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 2260 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2237 } 2261 }
2262
2263 .break-wrap {
2264 word-wrap: break-word;
2265 }
2238 </style><!-- These comments are here to allow newlines. 2266 </style><!-- These comments are here to allow newlines.
2239 --><template if="{{ isDart }}"><!-- 2267 --><template if="{{ isDart }}"><!--
2240 --><template if="{{ qualified &amp;&amp; !hasParent &amp;&amp; hasClass } }"><!-- 2268 --><template if="{{ qualified &amp;&amp; !hasParent &amp;&amp; hasClass } }"><!--
2241 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!-- 2269 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!--
2242 --><template if="{{ qualified &amp;&amp; hasParent }}"><!-- 2270 --><template if="{{ qualified &amp;&amp; hasParent }}"><!--
2243 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}"> 2271 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}">
2244 </function-ref>.<!-- 2272 </function-ref>.<!--
2245 --></template><a href="{{ url }}">{{ name }}</a><!-- 2273 --></template><a href="{{ url }}">{{ name }}</a><!--
2246 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template> 2274 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template>
2247 2275
(...skipping 220 matching lines...) Expand 10 before | Expand all | Expand 10 after
2468 2496
2469 .well { 2497 .well {
2470 min-height: 20px; 2498 min-height: 20px;
2471 padding: 19px; 2499 padding: 19px;
2472 margin-bottom: 20px; 2500 margin-bottom: 20px;
2473 background-color: #f5f5f5; 2501 background-color: #f5f5f5;
2474 border: 1px solid #e3e3e3; 2502 border: 1px solid #e3e3e3;
2475 border-radius: 4px; 2503 border-radius: 4px;
2476 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 2504 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2477 } 2505 }
2506
2507 .break-wrap {
2508 word-wrap: break-word;
2509 }
2478 </style> 2510 </style>
2479 <template if="{{ nameIsEmpty }}"> 2511 <template if="{{ nameIsEmpty }}">
2480 <a href="{{ url }}">unnamed</a> 2512 <a href="{{ url }}">unnamed</a>
2481 </template> 2513 </template>
2482 <template if="{{ !nameIsEmpty }}"> 2514 <template if="{{ !nameIsEmpty }}">
2483 <a href="{{ url }}">{{ name }}</a> 2515 <a href="{{ url }}">{{ name }}</a>
2484 </template> 2516 </template>
2485 </template> 2517 </template>
2486 2518
2487 </polymer-element> 2519 </polymer-element>
(...skipping 221 matching lines...) Expand 10 before | Expand all | Expand 10 after
2709 2741
2710 .well { 2742 .well {
2711 min-height: 20px; 2743 min-height: 20px;
2712 padding: 19px; 2744 padding: 19px;
2713 margin-bottom: 20px; 2745 margin-bottom: 20px;
2714 background-color: #f5f5f5; 2746 background-color: #f5f5f5;
2715 border: 1px solid #e3e3e3; 2747 border: 1px solid #e3e3e3;
2716 border-radius: 4px; 2748 border-radius: 4px;
2717 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 2749 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2718 } 2750 }
2751
2752 .break-wrap {
2753 word-wrap: break-word;
2754 }
2719 </style> 2755 </style>
2720 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 2756 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
2721 </template> 2757 </template>
2722 2758
2723 </polymer-element> 2759 </polymer-element>
2724 <polymer-element name="class-view" extends="observatory-element"> 2760 <polymer-element name="class-view" extends="observatory-element">
2725 <template> 2761 <template>
2726 <style> 2762 <style>
2727 /* Global styles */ 2763 /* Global styles */
2728 * { 2764 * {
(...skipping 213 matching lines...) Expand 10 before | Expand all | Expand 10 after
2942 2978
2943 .well { 2979 .well {
2944 min-height: 20px; 2980 min-height: 20px;
2945 padding: 19px; 2981 padding: 19px;
2946 margin-bottom: 20px; 2982 margin-bottom: 20px;
2947 background-color: #f5f5f5; 2983 background-color: #f5f5f5;
2948 border: 1px solid #e3e3e3; 2984 border: 1px solid #e3e3e3;
2949 border-radius: 4px; 2985 border-radius: 4px;
2950 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 2986 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2951 } 2987 }
2988
2989 .break-wrap {
2990 word-wrap: break-word;
2991 }
2952 </style> 2992 </style>
2953 <nav-bar> 2993 <nav-bar>
2954 <top-nav-menu></top-nav-menu> 2994 <top-nav-menu></top-nav-menu>
2955 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu> 2995 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu>
2956 <library-nav-menu library="{{ cls['library'] }}"></library-nav-menu> 2996 <library-nav-menu library="{{ cls['library'] }}"></library-nav-menu>
2957 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu> 2997 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu>
2958 <nav-refresh callback="{{ refresh }}"></nav-refresh> 2998 <nav-refresh callback="{{ refresh }}"></nav-refresh>
2959 </nav-bar> 2999 </nav-bar>
2960 3000
2961 <div class="content"> 3001 <div class="content">
(...skipping 347 matching lines...) Expand 10 before | Expand all | Expand 10 after
3309 3349
3310 .well { 3350 .well {
3311 min-height: 20px; 3351 min-height: 20px;
3312 padding: 19px; 3352 padding: 19px;
3313 margin-bottom: 20px; 3353 margin-bottom: 20px;
3314 background-color: #f5f5f5; 3354 background-color: #f5f5f5;
3315 border: 1px solid #e3e3e3; 3355 border: 1px solid #e3e3e3;
3316 border-radius: 4px; 3356 border-radius: 4px;
3317 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 3357 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3318 } 3358 }
3359
3360 .break-wrap {
3361 word-wrap: break-word;
3362 }
3319 </style> 3363 </style>
3320 <template if="{{ code.isDartCode }}"> 3364 <template if="{{ code.isDartCode }}">
3321 <template if="{{ code.isOptimized }}"> 3365 <template if="{{ code.isOptimized }}">
3322 <a href="{{ url }}">*{{ name }}</a> 3366 <a href="{{ url }}">*{{ name }}</a>
3323 </template> 3367 </template>
3324 <template if="{{ !code.isOptimized }}"> 3368 <template if="{{ !code.isOptimized }}">
3325 <a href="{{ url }}">{{ name }}</a> 3369 <a href="{{ url }}">{{ name }}</a>
3326 </template> 3370 </template>
3327 </template> 3371 </template>
3328 <template if="{{ !code.isDartCode }}"> 3372 <template if="{{ !code.isDartCode }}">
(...skipping 227 matching lines...) Expand 10 before | Expand all | Expand 10 after
3556 3600
3557 .well { 3601 .well {
3558 min-height: 20px; 3602 min-height: 20px;
3559 padding: 19px; 3603 padding: 19px;
3560 margin-bottom: 20px; 3604 margin-bottom: 20px;
3561 background-color: #f5f5f5; 3605 background-color: #f5f5f5;
3562 border: 1px solid #e3e3e3; 3606 border: 1px solid #e3e3e3;
3563 border-radius: 4px; 3607 border-radius: 4px;
3564 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 3608 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3565 } 3609 }
3610
3611 .break-wrap {
3612 word-wrap: break-word;
3613 }
3566 </style> 3614 </style>
3567 <style> 3615 <style>
3568 div.flex-row:hover { 3616 div.flex-row:hover {
3569 background-color: #FFF3E3; 3617 background-color: #FFF3E3;
3570 } 3618 }
3571 3619
3572 .highlight { 3620 .highlight {
3573 background-color: #FFF3E3; 3621 background-color: #FFF3E3;
3574 } 3622 }
3575 3623
(...skipping 384 matching lines...) Expand 10 before | Expand all | Expand 10 after
3960 4008
3961 .well { 4009 .well {
3962 min-height: 20px; 4010 min-height: 20px;
3963 padding: 19px; 4011 padding: 19px;
3964 margin-bottom: 20px; 4012 margin-bottom: 20px;
3965 background-color: #f5f5f5; 4013 background-color: #f5f5f5;
3966 border: 1px solid #e3e3e3; 4014 border: 1px solid #e3e3e3;
3967 border-radius: 4px; 4015 border-radius: 4px;
3968 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 4016 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3969 } 4017 }
4018
4019 .break-wrap {
4020 word-wrap: break-word;
4021 }
3970 </style> 4022 </style>
3971 <nav-bar> 4023 <nav-bar>
3972 <top-nav-menu last="{{ true }}"></top-nav-menu> 4024 <top-nav-menu last="{{ true }}"></top-nav-menu>
3973 </nav-bar> 4025 </nav-bar>
3974 <div class="content-centered"> 4026 <div class="content-centered">
3975 <h1>{{ error.kind }}</h1> 4027 <h1>{{ error.kind }}</h1>
3976 <br> 4028 <br>
3977 <div class="well">{{ error.message }}</div> 4029 <div class="well">{{ error.message }}</div>
3978 </div> 4030 </div>
3979 </template> 4031 </template>
(...skipping 227 matching lines...) Expand 10 before | Expand all | Expand 10 after
4207 4259
4208 .well { 4260 .well {
4209 min-height: 20px; 4261 min-height: 20px;
4210 padding: 19px; 4262 padding: 19px;
4211 margin-bottom: 20px; 4263 margin-bottom: 20px;
4212 background-color: #f5f5f5; 4264 background-color: #f5f5f5;
4213 border: 1px solid #e3e3e3; 4265 border: 1px solid #e3e3e3;
4214 border-radius: 4px; 4266 border-radius: 4px;
4215 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 4267 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
4216 } 4268 }
4269
4270 .break-wrap {
4271 word-wrap: break-word;
4272 }
4217 </style> 4273 </style>
4218 <nav-bar> 4274 <nav-bar>
4219 <top-nav-menu></top-nav-menu> 4275 <top-nav-menu></top-nav-menu>
4220 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu> 4276 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu>
4221 <template if="{{ field['owner'].serviceType == 'Class' }}"> 4277 <template if="{{ field['owner'].serviceType == 'Class' }}">
4222 <!-- TODO(turnidge): Add library nav menu here. --> 4278 <!-- TODO(turnidge): Add library nav menu here. -->
4223 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu> 4279 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu>
4224 </template> 4280 </template>
4225 <template if="{{ field['owner'].serviceType == 'Library' }}"> 4281 <template if="{{ field['owner'].serviceType == 'Library' }}">
4226 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu> 4282 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu>
(...skipping 347 matching lines...) Expand 10 before | Expand all | Expand 10 after
4574 4630
4575 .well { 4631 .well {
4576 min-height: 20px; 4632 min-height: 20px;
4577 padding: 19px; 4633 padding: 19px;
4578 margin-bottom: 20px; 4634 margin-bottom: 20px;
4579 background-color: #f5f5f5; 4635 background-color: #f5f5f5;
4580 border: 1px solid #e3e3e3; 4636 border: 1px solid #e3e3e3;
4581 border-radius: 4px; 4637 border-radius: 4px;
4582 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 4638 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
4583 } 4639 }
4640
4641 .break-wrap {
4642 word-wrap: break-word;
4643 }
4584 </style> 4644 </style>
4585 <nav-bar> 4645 <nav-bar>
4586 <top-nav-menu></top-nav-menu> 4646 <top-nav-menu></top-nav-menu>
4587 <isolate-nav-menu isolate="{{ function.isolate }}"></isolate-nav-menu> 4647 <isolate-nav-menu isolate="{{ function.isolate }}"></isolate-nav-menu>
4588 <template if="{{ function['owner'].serviceType == 'Class' }}"> 4648 <template if="{{ function['owner'].serviceType == 'Class' }}">
4589 <!-- TODO(turnidge): Add library nav menu here. --> 4649 <!-- TODO(turnidge): Add library nav menu here. -->
4590 <class-nav-menu cls="{{ function['owner'] }}"></class-nav-menu> 4650 <class-nav-menu cls="{{ function['owner'] }}"></class-nav-menu>
4591 </template> 4651 </template>
4592 <template if="{{ function['owner'].serviceType == 'Library' }}"> 4652 <template if="{{ function['owner'].serviceType == 'Library' }}">
4593 <library-nav-menu library="{{ function['owner'] }}"></library-nav-menu> 4653 <library-nav-menu library="{{ function['owner'] }}"></library-nav-menu>
(...skipping 318 matching lines...) Expand 10 before | Expand all | Expand 10 after
4912 4972
4913 .well { 4973 .well {
4914 min-height: 20px; 4974 min-height: 20px;
4915 padding: 19px; 4975 padding: 19px;
4916 margin-bottom: 20px; 4976 margin-bottom: 20px;
4917 background-color: #f5f5f5; 4977 background-color: #f5f5f5;
4918 border: 1px solid #e3e3e3; 4978 border: 1px solid #e3e3e3;
4919 border-radius: 4px; 4979 border-radius: 4px;
4920 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 4980 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
4921 } 4981 }
4982
4983 .break-wrap {
4984 word-wrap: break-word;
4985 }
4922 </style> 4986 </style>
4923 <style> 4987 <style>
4924 .hover { 4988 .hover {
4925 position: fixed; 4989 position: fixed;
4926 z-index: 999; 4990 z-index: 999;
4927 height: 16px; 4991 height: 16px;
4928 width: 100%; 4992 width: 100%;
4929 background: #ffffff; 4993 background: #ffffff;
4930 } 4994 }
4931 .spacer { 4995 .spacer {
(...skipping 244 matching lines...) Expand 10 before | Expand all | Expand 10 after
5176 5240
5177 .well { 5241 .well {
5178 min-height: 20px; 5242 min-height: 20px;
5179 padding: 19px; 5243 padding: 19px;
5180 margin-bottom: 20px; 5244 margin-bottom: 20px;
5181 background-color: #f5f5f5; 5245 background-color: #f5f5f5;
5182 border: 1px solid #e3e3e3; 5246 border: 1px solid #e3e3e3;
5183 border-radius: 4px; 5247 border-radius: 4px;
5184 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 5248 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
5185 } 5249 }
5250
5251 .break-wrap {
5252 word-wrap: break-word;
5253 }
5186 </style> 5254 </style>
5187 5255
5188 <nav-bar> 5256 <nav-bar>
5189 <top-nav-menu last="{{ true }}"></top-nav-menu> 5257 <top-nav-menu last="{{ true }}"></top-nav-menu>
5190 <nav-refresh callback="{{ refresh }}"></nav-refresh> 5258 <nav-refresh callback="{{ refresh }}"></nav-refresh>
5191 </nav-bar> 5259 </nav-bar>
5192 5260
5193 <div class="content"> 5261 <div class="content">
5194 <h1>dart:io</h1> 5262 <h1>dart:io</h1>
5195 5263
(...skipping 14 matching lines...) Expand all
5210 </ul> 5278 </ul>
5211 5279
5212 <br> 5280 <br>
5213 5281
5214 <ul class="list-group"> 5282 <ul class="list-group">
5215 <li class="list-group-item"> 5283 <li class="list-group-item">
5216 <a href="{{io.isolate.relativeHashLink('io/file/randomaccessfiles')}}" >Random Access Files</a> 5284 <a href="{{io.isolate.relativeHashLink('io/file/randomaccessfiles')}}" >Random Access Files</a>
5217 </li> 5285 </li>
5218 </ul> 5286 </ul>
5219 5287
5288 <br>
5289
5290 <ul class="list-group">
5291 <li class="list-group-item">
5292 <a href="{{io.isolate.relativeHashLink('io/processes')}}">Processess</ a>
5293 </li>
5294 </ul>
5295
5220 </div> 5296 </div>
5221 <br> 5297 <br>
5222 <hr> 5298 <hr>
5223 </template> 5299 </template>
5224 </polymer-element> 5300 </polymer-element>
5225 5301
5226 <polymer-element name="io-http-server-list-view" extends="observatory-element"> 5302 <polymer-element name="io-http-server-list-view" extends="observatory-element">
5227 <template> 5303 <template>
5228 <style> 5304 <style>
5229 /* Global styles */ 5305 /* Global styles */
(...skipping 214 matching lines...) Expand 10 before | Expand all | Expand 10 after
5444 5520
5445 .well { 5521 .well {
5446 min-height: 20px; 5522 min-height: 20px;
5447 padding: 19px; 5523 padding: 19px;
5448 margin-bottom: 20px; 5524 margin-bottom: 20px;
5449 background-color: #f5f5f5; 5525 background-color: #f5f5f5;
5450 border: 1px solid #e3e3e3; 5526 border: 1px solid #e3e3e3;
5451 border-radius: 4px; 5527 border-radius: 4px;
5452 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 5528 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
5453 } 5529 }
5530
5531 .break-wrap {
5532 word-wrap: break-word;
5533 }
5454 </style> 5534 </style>
5455 5535
5456 <nav-bar> 5536 <nav-bar>
5457 <top-nav-menu last="{{ true }}"></top-nav-menu> 5537 <top-nav-menu last="{{ true }}"></top-nav-menu>
5458 <nav-refresh callback="{{ refresh }}"></nav-refresh> 5538 <nav-refresh callback="{{ refresh }}"></nav-refresh>
5459 </nav-bar> 5539 </nav-bar>
5460 5540
5461 <div class="content"> 5541 <div class="content">
5462 <h1>HttpServers</h1> 5542 <h1>HttpServers</h1>
5463 5543
(...skipping 233 matching lines...) Expand 10 before | Expand all | Expand 10 after
5697 5777
5698 .well { 5778 .well {
5699 min-height: 20px; 5779 min-height: 20px;
5700 padding: 19px; 5780 padding: 19px;
5701 margin-bottom: 20px; 5781 margin-bottom: 20px;
5702 background-color: #f5f5f5; 5782 background-color: #f5f5f5;
5703 border: 1px solid #e3e3e3; 5783 border: 1px solid #e3e3e3;
5704 border-radius: 4px; 5784 border-radius: 4px;
5705 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 5785 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
5706 } 5786 }
5787
5788 .break-wrap {
5789 word-wrap: break-word;
5790 }
5707 </style> 5791 </style>
5708 <a href="{{ url }}">{{ name }}</a> 5792 <a href="{{ url }}">{{ name }}</a>
5709 </template> 5793 </template>
5710 </polymer-element> 5794 </polymer-element>
5711 5795
5712 <polymer-element name="io-http-server-view" extends="observatory-element"> 5796 <polymer-element name="io-http-server-view" extends="observatory-element">
5713 <template> 5797 <template>
5714 <style> 5798 <style>
5715 /* Global styles */ 5799 /* Global styles */
5716 * { 5800 * {
(...skipping 213 matching lines...) Expand 10 before | Expand all | Expand 10 after
5930 6014
5931 .well { 6015 .well {
5932 min-height: 20px; 6016 min-height: 20px;
5933 padding: 19px; 6017 padding: 19px;
5934 margin-bottom: 20px; 6018 margin-bottom: 20px;
5935 background-color: #f5f5f5; 6019 background-color: #f5f5f5;
5936 border: 1px solid #e3e3e3; 6020 border: 1px solid #e3e3e3;
5937 border-radius: 4px; 6021 border-radius: 4px;
5938 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 6022 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
5939 } 6023 }
6024
6025 .break-wrap {
6026 word-wrap: break-word;
6027 }
5940 </style> 6028 </style>
5941 6029
5942 <nav-bar> 6030 <nav-bar>
5943 <top-nav-menu last="{{ true }}"></top-nav-menu> 6031 <top-nav-menu last="{{ true }}"></top-nav-menu>
5944 <nav-refresh callback="{{ refresh }}"></nav-refresh> 6032 <nav-refresh callback="{{ refresh }}"></nav-refresh>
5945 </nav-bar> 6033 </nav-bar>
5946 6034
5947 <div class="content"> 6035 <div class="content">
5948 <h1>HttpServer</h1> 6036 <h1>HttpServer</h1>
5949 6037
(...skipping 248 matching lines...) Expand 10 before | Expand all | Expand 10 after
6198 6286
6199 .well { 6287 .well {
6200 min-height: 20px; 6288 min-height: 20px;
6201 padding: 19px; 6289 padding: 19px;
6202 margin-bottom: 20px; 6290 margin-bottom: 20px;
6203 background-color: #f5f5f5; 6291 background-color: #f5f5f5;
6204 border: 1px solid #e3e3e3; 6292 border: 1px solid #e3e3e3;
6205 border-radius: 4px; 6293 border-radius: 4px;
6206 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 6294 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6207 } 6295 }
6296
6297 .break-wrap {
6298 word-wrap: break-word;
6299 }
6208 </style> 6300 </style>
6209 <a href="{{ url }}">{{ name }}</a> 6301 <a href="{{ url }}">{{ name }}</a>
6210 </template> 6302 </template>
6211 </polymer-element> 6303 </polymer-element>
6212 6304
6213 <polymer-element name="io-socket-list-view" extends="observatory-element"> 6305 <polymer-element name="io-socket-list-view" extends="observatory-element">
6214 <template> 6306 <template>
6215 <style> 6307 <style>
6216 /* Global styles */ 6308 /* Global styles */
6217 * { 6309 * {
(...skipping 213 matching lines...) Expand 10 before | Expand all | Expand 10 after
6431 6523
6432 .well { 6524 .well {
6433 min-height: 20px; 6525 min-height: 20px;
6434 padding: 19px; 6526 padding: 19px;
6435 margin-bottom: 20px; 6527 margin-bottom: 20px;
6436 background-color: #f5f5f5; 6528 background-color: #f5f5f5;
6437 border: 1px solid #e3e3e3; 6529 border: 1px solid #e3e3e3;
6438 border-radius: 4px; 6530 border-radius: 4px;
6439 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 6531 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6440 } 6532 }
6533
6534 .break-wrap {
6535 word-wrap: break-word;
6536 }
6441 </style> 6537 </style>
6442 6538
6443 <nav-bar> 6539 <nav-bar>
6444 <top-nav-menu last="{{ true }}"></top-nav-menu> 6540 <top-nav-menu last="{{ true }}"></top-nav-menu>
6445 <nav-refresh callback="{{ refresh }}"></nav-refresh> 6541 <nav-refresh callback="{{ refresh }}"></nav-refresh>
6446 </nav-bar> 6542 </nav-bar>
6447 6543
6448 <div class="content"> 6544 <div class="content">
6449 <h1>Socket</h1> 6545 <h1>Socket</h1>
6450 6546
(...skipping 233 matching lines...) Expand 10 before | Expand all | Expand 10 after
6684 6780
6685 .well { 6781 .well {
6686 min-height: 20px; 6782 min-height: 20px;
6687 padding: 19px; 6783 padding: 19px;
6688 margin-bottom: 20px; 6784 margin-bottom: 20px;
6689 background-color: #f5f5f5; 6785 background-color: #f5f5f5;
6690 border: 1px solid #e3e3e3; 6786 border: 1px solid #e3e3e3;
6691 border-radius: 4px; 6787 border-radius: 4px;
6692 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 6788 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6693 } 6789 }
6790
6791 .break-wrap {
6792 word-wrap: break-word;
6793 }
6694 </style> 6794 </style>
6695 6795
6696 <nav-bar> 6796 <nav-bar>
6697 <top-nav-menu last="{{ true }}"></top-nav-menu> 6797 <top-nav-menu last="{{ true }}"></top-nav-menu>
6698 <nav-refresh callback="{{ refresh }}"></nav-refresh> 6798 <nav-refresh callback="{{ refresh }}"></nav-refresh>
6699 </nav-bar> 6799 </nav-bar>
6700 6800
6701 <div class="content"> 6801 <div class="content">
6702 <h1>Socket</h1> 6802 <h1>Socket</h1>
6703 6803
(...skipping 240 matching lines...) Expand 10 before | Expand all | Expand 10 after
6944 7044
6945 .well { 7045 .well {
6946 min-height: 20px; 7046 min-height: 20px;
6947 padding: 19px; 7047 padding: 19px;
6948 margin-bottom: 20px; 7048 margin-bottom: 20px;
6949 background-color: #f5f5f5; 7049 background-color: #f5f5f5;
6950 border: 1px solid #e3e3e3; 7050 border: 1px solid #e3e3e3;
6951 border-radius: 4px; 7051 border-radius: 4px;
6952 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 7052 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6953 } 7053 }
7054
7055 .break-wrap {
7056 word-wrap: break-word;
7057 }
6954 </style> 7058 </style>
6955 <a href="{{ url }}">{{ name }}</a> 7059 <a href="{{ url }}">{{ name }}</a>
6956 </template> 7060 </template>
6957 </polymer-element> 7061 </polymer-element>
6958 7062
6959 <polymer-element name="io-random-access-file-list-view" extends="observatory-ele ment"> 7063 <polymer-element name="io-random-access-file-list-view" extends="observatory-ele ment">
6960 <template> 7064 <template>
6961 <style> 7065 <style>
6962 /* Global styles */ 7066 /* Global styles */
6963 * { 7067 * {
(...skipping 213 matching lines...) Expand 10 before | Expand all | Expand 10 after
7177 7281
7178 .well { 7282 .well {
7179 min-height: 20px; 7283 min-height: 20px;
7180 padding: 19px; 7284 padding: 19px;
7181 margin-bottom: 20px; 7285 margin-bottom: 20px;
7182 background-color: #f5f5f5; 7286 background-color: #f5f5f5;
7183 border: 1px solid #e3e3e3; 7287 border: 1px solid #e3e3e3;
7184 border-radius: 4px; 7288 border-radius: 4px;
7185 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 7289 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
7186 } 7290 }
7291
7292 .break-wrap {
7293 word-wrap: break-word;
7294 }
7187 </style> 7295 </style>
7188 7296
7189 <nav-bar> 7297 <nav-bar>
7190 <top-nav-menu last="{{ true }}"></top-nav-menu> 7298 <top-nav-menu last="{{ true }}"></top-nav-menu>
7191 <nav-refresh callback="{{ refresh }}"></nav-refresh> 7299 <nav-refresh callback="{{ refresh }}"></nav-refresh>
7192 </nav-bar> 7300 </nav-bar>
7193 7301
7194 <div class="content"> 7302 <div class="content">
7195 <h1>Random Access Files</h1> 7303 <h1>Random Access Files</h1>
7196 7304
(...skipping 233 matching lines...) Expand 10 before | Expand all | Expand 10 after
7430 7538
7431 .well { 7539 .well {
7432 min-height: 20px; 7540 min-height: 20px;
7433 padding: 19px; 7541 padding: 19px;
7434 margin-bottom: 20px; 7542 margin-bottom: 20px;
7435 background-color: #f5f5f5; 7543 background-color: #f5f5f5;
7436 border: 1px solid #e3e3e3; 7544 border: 1px solid #e3e3e3;
7437 border-radius: 4px; 7545 border-radius: 4px;
7438 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 7546 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
7439 } 7547 }
7548
7549 .break-wrap {
7550 word-wrap: break-word;
7551 }
7440 </style> 7552 </style>
7441 7553
7442 <nav-bar> 7554 <nav-bar>
7443 <top-nav-menu last="{{ true }}"></top-nav-menu> 7555 <top-nav-menu last="{{ true }}"></top-nav-menu>
7444 <nav-refresh callback="{{ refresh }}"></nav-refresh> 7556 <nav-refresh callback="{{ refresh }}"></nav-refresh>
7445 </nav-bar> 7557 </nav-bar>
7446 7558
7447 <div class="content"> 7559 <div class="content">
7448 <h1>Random Access File</h1> 7560 <h1>Random Access File</h1>
7449 7561
(...skipping 12 matching lines...) Expand all
7462 <div class="memberName">File Descriptor</div> 7574 <div class="memberName">File Descriptor</div>
7463 <div class="memberValue">{{ file['fd'] }}</div> 7575 <div class="memberValue">{{ file['fd'] }}</div>
7464 </div> 7576 </div>
7465 </div> 7577 </div>
7466 </div> 7578 </div>
7467 <br> 7579 <br>
7468 <hr> 7580 <hr>
7469 </template> 7581 </template>
7470 </polymer-element> 7582 </polymer-element>
7471 7583
7472 7584 <polymer-element name="io-process-list-view" extends="observatory-element">
7473 7585 <template>
7474 7586 <style>
7475 <polymer-element name="isolate-ref" extends="service-ref">
7476 <template><style>
7477 /* Global styles */ 7587 /* Global styles */
7478 * { 7588 * {
7479 margin: 0; 7589 margin: 0;
7480 padding: 0; 7590 padding: 0;
7481 font: 400 14px 'Montserrat', sans-serif; 7591 font: 400 14px 'Montserrat', sans-serif;
7482 color: #333; 7592 color: #333;
7483 box-sizing: border-box; 7593 box-sizing: border-box;
7484 } 7594 }
7485 7595
7486 .content { 7596 .content {
(...skipping 205 matching lines...) Expand 10 before | Expand all | Expand 10 after
7692 7802
7693 .well { 7803 .well {
7694 min-height: 20px; 7804 min-height: 20px;
7695 padding: 19px; 7805 padding: 19px;
7696 margin-bottom: 20px; 7806 margin-bottom: 20px;
7697 background-color: #f5f5f5; 7807 background-color: #f5f5f5;
7698 border: 1px solid #e3e3e3; 7808 border: 1px solid #e3e3e3;
7699 border-radius: 4px; 7809 border-radius: 4px;
7700 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 7810 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
7701 } 7811 }
7812
7813 .break-wrap {
7814 word-wrap: break-word;
7815 }
7702 </style> 7816 </style>
7703 <a href="{{ url }}">{{ ref.name }}</a>
7704 </template>
7705 7817
7818 <nav-bar>
7819 <top-nav-menu last="{{ true }}"></top-nav-menu>
7820 <nav-refresh callback="{{ refresh }}"></nav-refresh>
7821 </nav-bar>
7822
7823 <div class="content">
7824 <h1>Processes</h1>
7825
7826 <br>
7827
7828 <ul class="list-group">
7829 <template repeat="{{ process in list['members'] }}">
7830 <li class="list-group-item">
7831 <io-process-ref ref="{{ process }}"></io-process-ref>
7832 </li>
7833 </template>
7834 </ul>
7835 </div>
7836 <br>
7837 <hr>
7838 </template>
7706 </polymer-element> 7839 </polymer-element>
7707 7840
7708 7841 <polymer-element name="io-process-ref" extends="service-ref">
7709
7710
7711
7712
7713
7714 <polymer-element name="isolate-summary" extends="observatory-element">
7715 <template> 7842 <template>
7716 <style> 7843 <style>
7717 /* Global styles */ 7844 /* Global styles */
7718 * { 7845 * {
7719 margin: 0; 7846 margin: 0;
7720 padding: 0; 7847 padding: 0;
7721 font: 400 14px 'Montserrat', sans-serif; 7848 font: 400 14px 'Montserrat', sans-serif;
7722 color: #333; 7849 color: #333;
7723 box-sizing: border-box; 7850 box-sizing: border-box;
7724 } 7851 }
(...skipping 207 matching lines...) Expand 10 before | Expand all | Expand 10 after
7932 8059
7933 .well { 8060 .well {
7934 min-height: 20px; 8061 min-height: 20px;
7935 padding: 19px; 8062 padding: 19px;
7936 margin-bottom: 20px; 8063 margin-bottom: 20px;
7937 background-color: #f5f5f5; 8064 background-color: #f5f5f5;
7938 border: 1px solid #e3e3e3; 8065 border: 1px solid #e3e3e3;
7939 border-radius: 4px; 8066 border-radius: 4px;
7940 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 8067 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
7941 } 8068 }
8069
8070 .break-wrap {
8071 word-wrap: break-word;
8072 }
7942 </style> 8073 </style>
7943 <div class="flex-row"> 8074 <template if="{{ small }}">
7944 <div class="flex-item-10-percent"> 8075 <a href="{{ url }}">{{ name }}</a>
7945 <img src="packages/observatory/src/elements/img/isolate_icon.png">
7946 </div>
7947 <div class="flex-item-10-percent">
7948 <isolate-ref ref="{{ isolate }}"></isolate-ref>
7949 </div>
7950 <div class="flex-item-20-percent">
7951 <isolate-run-state isolate="{{ isolate }}"></isolate-run-state>
7952 </div>
7953 <div class="flex-item-50-percent">
7954 <isolate-location isolate="{{ isolate }}"></isolate-location>
7955 </div>
7956 <div class="flex-item-10-percent">
7957 </div>
7958 </div>
7959
7960 <div class="flex-row">
7961 <div class="flex-item-20-percent"></div>
7962 <div class="flex-item-60-percent">
7963 <hr>
7964 </div>
7965 <div class="flex-item-20-percent"></div>
7966 </div>
7967
7968 <isolate-shared-summary isolate="{{ isolate }}"></isolate-shared-summary>
7969
7970 </template>
7971 </polymer-element>
7972
7973 <polymer-element name="isolate-run-state" extends="observatory-element">
7974 <template>
7975 <template if="{{ isolate.pauseEvent != null }}">
7976 <strong>paused</strong>
7977 <action-link callback="{{ resume }}" label="resume"></action-link>
7978 </template> 8076 </template>
7979 8077 <template if="{{ !small }}">
7980 <template if="{{ isolate.running }}"> 8078 <a href="{{ url }}">({{ ref['pid'] }}) {{ name }} {{ ref['arguments'] }}</ a>
7981 <strong>running</strong>
7982 <action-link callback="{{ pause }}" label="pause"></action-link>
7983 </template>
7984
7985 <template if="{{ isolate.idle }}">
7986 <strong>idle</strong>
7987 </template>
7988
7989 <template if="{{ isolate.loading }}">
7990 <strong>loading...</strong>
7991 </template> 8079 </template>
7992 </template> 8080 </template>
7993 </polymer-element> 8081 </polymer-element>
7994 8082
7995 <polymer-element name="isolate-location" extends="observatory-element"> 8083 <polymer-element name="io-process-view" extends="observatory-element">
7996 <template> 8084 <template>
7997 <template if="{{ isolate.pauseEvent != null }}">
7998 <template if="{{ isolate.pauseEvent['eventType'] == 'IsolateCreated' }}">
7999 at isolate start
8000 </template>
8001 <template if="{{ isolate.pauseEvent['eventType'] == 'IsolateShutdown' }}">
8002 at isolate exit
8003 </template>
8004 <template if="{{ isolate.pauseEvent['eventType'] == 'IsolateInterrupted' } }">
8005 at
8006 <function-ref ref="{{ isolate.topFrame['function'] }}">
8007 </function-ref>
8008 (<script-ref ref="{{ isolate.topFrame['script'] }}" pos="{{ isolate.topF rame['tokenPos'] }}"></script-ref>)
8009 </template>
8010 <template if="{{ isolate.pauseEvent['eventType'] == 'BreakpointReached' }} ">
8011 at breakpoint {{ isolate.pauseEvent['breakpoint']['id'] }}
8012 <function-ref ref="{{ isolate.topFrame['function'] }}">
8013 </function-ref>
8014 (<script-ref ref="{{ isolate.topFrame['script'] }}" pos="{{ isolate.topF rame['tokenPos'] }}"></script-ref>)
8015 </template>
8016 </template>
8017
8018 <template if="{{ isolate.running }}">
8019 at
8020 <function-ref ref="{{ isolate.topFrame['function'] }}">
8021 </function-ref>
8022 (<script-ref ref="{{ isolate.topFrame['script'] }}" pos="{{ isolate.topFra me['tokenPos'] }}"></script-ref>)
8023 </template>
8024
8025 </template>
8026 </polymer-element>
8027
8028 <polymer-element name="isolate-shared-summary" extends="observatory-element">
8029 <template>
8030 <style>
8031 .errorBox {
8032 background-color: #f5f5f5;
8033 border: 1px solid #ccc;
8034 padding: 10px;
8035 font-family: consolas, courier, monospace;
8036 font-size: 1em;
8037 line-height: 1.2em;
8038 white-space: pre;
8039 }
8040 </style>
8041 <style> 8085 <style>
8042 /* Global styles */ 8086 /* Global styles */
8043 * { 8087 * {
8044 margin: 0; 8088 margin: 0;
8045 padding: 0; 8089 padding: 0;
8046 font: 400 14px 'Montserrat', sans-serif; 8090 font: 400 14px 'Montserrat', sans-serif;
8047 color: #333; 8091 color: #333;
8048 box-sizing: border-box; 8092 box-sizing: border-box;
8049 } 8093 }
8050 8094
(...skipping 206 matching lines...) Expand 10 before | Expand all | Expand 10 after
8257 8301
8258 .well { 8302 .well {
8259 min-height: 20px; 8303 min-height: 20px;
8260 padding: 19px; 8304 padding: 19px;
8261 margin-bottom: 20px; 8305 margin-bottom: 20px;
8262 background-color: #f5f5f5; 8306 background-color: #f5f5f5;
8263 border: 1px solid #e3e3e3; 8307 border: 1px solid #e3e3e3;
8264 border-radius: 4px; 8308 border-radius: 4px;
8265 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 8309 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8266 } 8310 }
8311
8312 .break-wrap {
8313 word-wrap: break-word;
8314 }
8315 </style>
8316
8317 <nav-bar>
8318 <top-nav-menu last="{{ true }}"></top-nav-menu>
8319 <nav-refresh callback="{{ refresh }}"></nav-refresh>
8320 </nav-bar>
8321
8322 <div class="content">
8323 <h1>Process</h1>
8324
8325 <br>
8326
8327 <div class="memberList">
8328 <div class="memberItem">
8329 <div class="memberName">Path</div>
8330 <div class="memberValue">{{ process['name'] }}</div>
8331 </div>
8332 <div class="memberItem">
8333 <div class="memberName">Pid</div>
8334 <div class="memberValue">{{ process['pid'] }}</div>
8335 </div>
8336 <div class="memberItem">
8337 <div class="memberName">Arguments</div>
8338 <div class="memberValue">{{ process['arguments'] }}</div>
8339 </div>
8340 <div class="memberItem">
8341 <div class="memberName">Started</div>
8342 <div class="memberValue">{{ process['started'] }}</div>
8343 </div>
8344 <div class="memberItem">
8345 <div class="memberName">Working Directory</div>
8346 <div class="memberValue">{{ process['workingDirectory'] }}</div>
8347 </div>
8348 </div>
8349
8350 <br>
8351
8352 <h2>Environment</h2>
8353 <div class="well">
8354 <div class="monospace break-wrap">
8355 <template repeat="{{ variable in process['environment'] }}">
8356 {{ variable }}
8357 <br>
8358 </template>
8359 </div>
8360 </div>
8361 </div>
8362 <br>
8363 <hr>
8364 </template>
8365 </polymer-element>
8366
8367
8368
8369
8370 <polymer-element name="isolate-ref" extends="service-ref">
8371 <template><style>
8372 /* Global styles */
8373 * {
8374 margin: 0;
8375 padding: 0;
8376 font: 400 14px 'Montserrat', sans-serif;
8377 color: #333;
8378 box-sizing: border-box;
8379 }
8380
8381 .content {
8382 padding-left: 10%;
8383 font: 400 14px 'Montserrat', sans-serif;
8384 }
8385
8386 .content-centered {
8387 padding-left: 10%;
8388 padding-right: 10%;
8389 font: 400 14px 'Montserrat', sans-serif;
8390 }
8391
8392 h1 {
8393 font: 400 18px 'Montserrat', sans-serif;
8394 }
8395
8396 .memberList {
8397 display: table;
8398 }
8399
8400 .memberItem {
8401 display: table-row;
8402 }
8403
8404 .memberName, .memberValue {
8405 display: table-cell;
8406 vertical-align: top;
8407 padding: 3px 0 3px 1em;
8408 font: 400 14px 'Montserrat', sans-serif;
8409 }
8410
8411 .monospace {
8412 font-family: consolas, courier, monospace;
8413 font-size: 1em;
8414 line-height: 1.2em;
8415 white-space: nowrap;
8416 }
8417
8418 a {
8419 color: #0489c3;
8420 text-decoration: none;
8421 }
8422
8423 a:hover {
8424 text-decoration: underline;
8425 }
8426
8427 em {
8428 color: inherit;
8429 font-style:italic;
8430 }
8431
8432 hr {
8433 margin-top: 20px;
8434 margin-bottom: 20px;
8435 border: 0;
8436 border-top: 1px solid #eee;
8437 height: 0;
8438 box-sizing: content-box;
8439 }
8440
8441 .list-group {
8442 padding-left: 0;
8443 margin-bottom: 20px;
8444 }
8445
8446 .list-group-item {
8447 position: relative;
8448 display: block;
8449 padding: 10px 15px;
8450 margin-bottom: -1px;
8451 background-color: #fff;
8452 }
8453
8454 .list-group-item:first-child {
8455 /* rounded top corners */
8456 border-top-right-radius:4px;
8457 border-top-left-radius:4px;
8458 }
8459
8460 .list-group-item:last-child {
8461 margin-bottom: 0;
8462 /* rounded bottom corners */
8463 border-bottom-right-radius: 4px;
8464 border-bottom-left-radius:4px;
8465 }
8466
8467 /* Flex row container */
8468 .flex-row {
8469 display: flex;
8470 flex-direction: row;
8471 }
8472
8473 /* Flex column container */
8474 .flex-column {
8475 display: flex;
8476 flex-direction: column;
8477 }
8478
8479 .flex-item-fit {
8480 flex-grow: 1;
8481 flex-shrink: 1;
8482 flex-basis: auto;
8483 }
8484
8485 .flex-item-no-shrink {
8486 flex-grow: 0;
8487 flex-shrink: 0;
8488 flex-basis: auto;
8489 }
8490
8491 .flex-item-fill {
8492 flex-grow: 0;
8493 flex-shrink: 1; /* shrink when pressured */
8494 flex-basis: 100%; /* try and take 100% */
8495 }
8496
8497 .flex-item-fixed-1-12 {
8498 flex-grow: 0;
8499 flex-shrink: 0;
8500 flex-basis: 8.3%;
8501 }
8502
8503 .flex-item-fixed-2-12 {
8504 flex-grow: 0;
8505 flex-shrink: 0;
8506 flex-basis: 16.6%;
8507 }
8508
8509 .flex-item-fixed-4-12 {
8510 flex-grow: 0;
8511 flex-shrink: 0;
8512 flex-basis: 33.3333%;
8513 }
8514
8515 .flex-item-fixed-6-12, .flex-item-50-percent {
8516 flex-grow: 0;
8517 flex-shrink: 0;
8518 flex-basis: 50%;
8519 }
8520
8521 .flex-item-fixed-8-12 {
8522 flex-grow: 0;
8523 flex-shrink: 0;
8524 flex-basis: 66.6666%;
8525 }
8526
8527 .flex-item-fixed-9-12 {
8528 flex-grow: 0;
8529 flex-shrink: 0;
8530 flex-basis: 75%;
8531 }
8532
8533
8534 .flex-item-fixed-12-12 {
8535 flex-grow: 0;
8536 flex-shrink: 0;
8537 flex-basis: 100%;
8538 }
8539
8540 .flex-item-10-percent {
8541 flex-grow: 0;
8542 flex-shrink: 0;
8543 flex-basis: 10%;
8544 }
8545
8546 .flex-item-15-percent {
8547 flex-grow: 0;
8548 flex-shrink: 0;
8549 flex-basis: 15%;
8550 }
8551
8552 .flex-item-20-percent {
8553 flex-grow: 0;
8554 flex-shrink: 0;
8555 flex-basis: 20%;
8556 }
8557
8558 .flex-item-30-percent {
8559 flex-grow: 0;
8560 flex-shrink: 0;
8561 flex-basis: 30%;
8562 }
8563
8564 .flex-item-40-percent {
8565 flex-grow: 0;
8566 flex-shrink: 0;
8567 flex-basis: 40%;
8568 }
8569
8570 .flex-item-60-percent {
8571 flex-grow: 0;
8572 flex-shrink: 0;
8573 flex-basis: 60%;
8574 }
8575
8576 .flex-item-70-percent {
8577 flex-grow: 0;
8578 flex-shrink: 0;
8579 flex-basis: 70%;
8580 }
8581
8582 .flex-item-80-percent {
8583 flex-grow: 0;
8584 flex-shrink: 0;
8585 flex-basis: 80%;
8586 }
8587
8588 .well {
8589 min-height: 20px;
8590 padding: 19px;
8591 margin-bottom: 20px;
8592 background-color: #f5f5f5;
8593 border: 1px solid #e3e3e3;
8594 border-radius: 4px;
8595 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8596 }
8597
8598 .break-wrap {
8599 word-wrap: break-word;
8600 }
8601 </style>
8602 <a href="{{ url }}">{{ ref.name }}</a>
8603 </template>
8604
8605 </polymer-element>
8606
8607
8608
8609
8610
8611
8612
8613 <polymer-element name="isolate-summary" extends="observatory-element">
8614 <template>
8615 <style>
8616 /* Global styles */
8617 * {
8618 margin: 0;
8619 padding: 0;
8620 font: 400 14px 'Montserrat', sans-serif;
8621 color: #333;
8622 box-sizing: border-box;
8623 }
8624
8625 .content {
8626 padding-left: 10%;
8627 font: 400 14px 'Montserrat', sans-serif;
8628 }
8629
8630 .content-centered {
8631 padding-left: 10%;
8632 padding-right: 10%;
8633 font: 400 14px 'Montserrat', sans-serif;
8634 }
8635
8636 h1 {
8637 font: 400 18px 'Montserrat', sans-serif;
8638 }
8639
8640 .memberList {
8641 display: table;
8642 }
8643
8644 .memberItem {
8645 display: table-row;
8646 }
8647
8648 .memberName, .memberValue {
8649 display: table-cell;
8650 vertical-align: top;
8651 padding: 3px 0 3px 1em;
8652 font: 400 14px 'Montserrat', sans-serif;
8653 }
8654
8655 .monospace {
8656 font-family: consolas, courier, monospace;
8657 font-size: 1em;
8658 line-height: 1.2em;
8659 white-space: nowrap;
8660 }
8661
8662 a {
8663 color: #0489c3;
8664 text-decoration: none;
8665 }
8666
8667 a:hover {
8668 text-decoration: underline;
8669 }
8670
8671 em {
8672 color: inherit;
8673 font-style:italic;
8674 }
8675
8676 hr {
8677 margin-top: 20px;
8678 margin-bottom: 20px;
8679 border: 0;
8680 border-top: 1px solid #eee;
8681 height: 0;
8682 box-sizing: content-box;
8683 }
8684
8685 .list-group {
8686 padding-left: 0;
8687 margin-bottom: 20px;
8688 }
8689
8690 .list-group-item {
8691 position: relative;
8692 display: block;
8693 padding: 10px 15px;
8694 margin-bottom: -1px;
8695 background-color: #fff;
8696 }
8697
8698 .list-group-item:first-child {
8699 /* rounded top corners */
8700 border-top-right-radius:4px;
8701 border-top-left-radius:4px;
8702 }
8703
8704 .list-group-item:last-child {
8705 margin-bottom: 0;
8706 /* rounded bottom corners */
8707 border-bottom-right-radius: 4px;
8708 border-bottom-left-radius:4px;
8709 }
8710
8711 /* Flex row container */
8712 .flex-row {
8713 display: flex;
8714 flex-direction: row;
8715 }
8716
8717 /* Flex column container */
8718 .flex-column {
8719 display: flex;
8720 flex-direction: column;
8721 }
8722
8723 .flex-item-fit {
8724 flex-grow: 1;
8725 flex-shrink: 1;
8726 flex-basis: auto;
8727 }
8728
8729 .flex-item-no-shrink {
8730 flex-grow: 0;
8731 flex-shrink: 0;
8732 flex-basis: auto;
8733 }
8734
8735 .flex-item-fill {
8736 flex-grow: 0;
8737 flex-shrink: 1; /* shrink when pressured */
8738 flex-basis: 100%; /* try and take 100% */
8739 }
8740
8741 .flex-item-fixed-1-12 {
8742 flex-grow: 0;
8743 flex-shrink: 0;
8744 flex-basis: 8.3%;
8745 }
8746
8747 .flex-item-fixed-2-12 {
8748 flex-grow: 0;
8749 flex-shrink: 0;
8750 flex-basis: 16.6%;
8751 }
8752
8753 .flex-item-fixed-4-12 {
8754 flex-grow: 0;
8755 flex-shrink: 0;
8756 flex-basis: 33.3333%;
8757 }
8758
8759 .flex-item-fixed-6-12, .flex-item-50-percent {
8760 flex-grow: 0;
8761 flex-shrink: 0;
8762 flex-basis: 50%;
8763 }
8764
8765 .flex-item-fixed-8-12 {
8766 flex-grow: 0;
8767 flex-shrink: 0;
8768 flex-basis: 66.6666%;
8769 }
8770
8771 .flex-item-fixed-9-12 {
8772 flex-grow: 0;
8773 flex-shrink: 0;
8774 flex-basis: 75%;
8775 }
8776
8777
8778 .flex-item-fixed-12-12 {
8779 flex-grow: 0;
8780 flex-shrink: 0;
8781 flex-basis: 100%;
8782 }
8783
8784 .flex-item-10-percent {
8785 flex-grow: 0;
8786 flex-shrink: 0;
8787 flex-basis: 10%;
8788 }
8789
8790 .flex-item-15-percent {
8791 flex-grow: 0;
8792 flex-shrink: 0;
8793 flex-basis: 15%;
8794 }
8795
8796 .flex-item-20-percent {
8797 flex-grow: 0;
8798 flex-shrink: 0;
8799 flex-basis: 20%;
8800 }
8801
8802 .flex-item-30-percent {
8803 flex-grow: 0;
8804 flex-shrink: 0;
8805 flex-basis: 30%;
8806 }
8807
8808 .flex-item-40-percent {
8809 flex-grow: 0;
8810 flex-shrink: 0;
8811 flex-basis: 40%;
8812 }
8813
8814 .flex-item-60-percent {
8815 flex-grow: 0;
8816 flex-shrink: 0;
8817 flex-basis: 60%;
8818 }
8819
8820 .flex-item-70-percent {
8821 flex-grow: 0;
8822 flex-shrink: 0;
8823 flex-basis: 70%;
8824 }
8825
8826 .flex-item-80-percent {
8827 flex-grow: 0;
8828 flex-shrink: 0;
8829 flex-basis: 80%;
8830 }
8831
8832 .well {
8833 min-height: 20px;
8834 padding: 19px;
8835 margin-bottom: 20px;
8836 background-color: #f5f5f5;
8837 border: 1px solid #e3e3e3;
8838 border-radius: 4px;
8839 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8840 }
8841
8842 .break-wrap {
8843 word-wrap: break-word;
8844 }
8845 </style>
8846 <div class="flex-row">
8847 <div class="flex-item-10-percent">
8848 <img src="packages/observatory/src/elements/img/isolate_icon.png">
8849 </div>
8850 <div class="flex-item-10-percent">
8851 <isolate-ref ref="{{ isolate }}"></isolate-ref>
8852 </div>
8853 <div class="flex-item-20-percent">
8854 <isolate-run-state isolate="{{ isolate }}"></isolate-run-state>
8855 </div>
8856 <div class="flex-item-50-percent">
8857 <isolate-location isolate="{{ isolate }}"></isolate-location>
8858 </div>
8859 <div class="flex-item-10-percent">
8860 </div>
8861 </div>
8862
8863 <div class="flex-row">
8864 <div class="flex-item-20-percent"></div>
8865 <div class="flex-item-60-percent">
8866 <hr>
8867 </div>
8868 <div class="flex-item-20-percent"></div>
8869 </div>
8870
8871 <isolate-shared-summary isolate="{{ isolate }}"></isolate-shared-summary>
8872
8873 </template>
8874 </polymer-element>
8875
8876 <polymer-element name="isolate-run-state" extends="observatory-element">
8877 <template>
8878 <template if="{{ isolate.pauseEvent != null }}">
8879 <strong>paused</strong>
8880 <action-link callback="{{ resume }}" label="resume"></action-link>
8881 </template>
8882
8883 <template if="{{ isolate.running }}">
8884 <strong>running</strong>
8885 <action-link callback="{{ pause }}" label="pause"></action-link>
8886 </template>
8887
8888 <template if="{{ isolate.idle }}">
8889 <strong>idle</strong>
8890 </template>
8891
8892 <template if="{{ isolate.loading }}">
8893 <strong>loading...</strong>
8894 </template>
8895 </template>
8896 </polymer-element>
8897
8898 <polymer-element name="isolate-location" extends="observatory-element">
8899 <template>
8900 <template if="{{ isolate.pauseEvent != null }}">
8901 <template if="{{ isolate.pauseEvent['eventType'] == 'IsolateCreated' }}">
8902 at isolate start
8903 </template>
8904 <template if="{{ isolate.pauseEvent['eventType'] == 'IsolateShutdown' }}">
8905 at isolate exit
8906 </template>
8907 <template if="{{ isolate.pauseEvent['eventType'] == 'IsolateInterrupted' } }">
8908 at
8909 <function-ref ref="{{ isolate.topFrame['function'] }}">
8910 </function-ref>
8911 (<script-ref ref="{{ isolate.topFrame['script'] }}" pos="{{ isolate.topF rame['tokenPos'] }}"></script-ref>)
8912 </template>
8913 <template if="{{ isolate.pauseEvent['eventType'] == 'BreakpointReached' }} ">
8914 at breakpoint {{ isolate.pauseEvent['breakpoint']['id'] }}
8915 <function-ref ref="{{ isolate.topFrame['function'] }}">
8916 </function-ref>
8917 (<script-ref ref="{{ isolate.topFrame['script'] }}" pos="{{ isolate.topF rame['tokenPos'] }}"></script-ref>)
8918 </template>
8919 </template>
8920
8921 <template if="{{ isolate.running }}">
8922 at
8923 <function-ref ref="{{ isolate.topFrame['function'] }}">
8924 </function-ref>
8925 (<script-ref ref="{{ isolate.topFrame['script'] }}" pos="{{ isolate.topFra me['tokenPos'] }}"></script-ref>)
8926 </template>
8927
8928 </template>
8929 </polymer-element>
8930
8931 <polymer-element name="isolate-shared-summary" extends="observatory-element">
8932 <template>
8933 <style>
8934 .errorBox {
8935 background-color: #f5f5f5;
8936 border: 1px solid #ccc;
8937 padding: 10px;
8938 font-family: consolas, courier, monospace;
8939 font-size: 1em;
8940 line-height: 1.2em;
8941 white-space: pre;
8942 }
8943 </style>
8944 <style>
8945 /* Global styles */
8946 * {
8947 margin: 0;
8948 padding: 0;
8949 font: 400 14px 'Montserrat', sans-serif;
8950 color: #333;
8951 box-sizing: border-box;
8952 }
8953
8954 .content {
8955 padding-left: 10%;
8956 font: 400 14px 'Montserrat', sans-serif;
8957 }
8958
8959 .content-centered {
8960 padding-left: 10%;
8961 padding-right: 10%;
8962 font: 400 14px 'Montserrat', sans-serif;
8963 }
8964
8965 h1 {
8966 font: 400 18px 'Montserrat', sans-serif;
8967 }
8968
8969 .memberList {
8970 display: table;
8971 }
8972
8973 .memberItem {
8974 display: table-row;
8975 }
8976
8977 .memberName, .memberValue {
8978 display: table-cell;
8979 vertical-align: top;
8980 padding: 3px 0 3px 1em;
8981 font: 400 14px 'Montserrat', sans-serif;
8982 }
8983
8984 .monospace {
8985 font-family: consolas, courier, monospace;
8986 font-size: 1em;
8987 line-height: 1.2em;
8988 white-space: nowrap;
8989 }
8990
8991 a {
8992 color: #0489c3;
8993 text-decoration: none;
8994 }
8995
8996 a:hover {
8997 text-decoration: underline;
8998 }
8999
9000 em {
9001 color: inherit;
9002 font-style:italic;
9003 }
9004
9005 hr {
9006 margin-top: 20px;
9007 margin-bottom: 20px;
9008 border: 0;
9009 border-top: 1px solid #eee;
9010 height: 0;
9011 box-sizing: content-box;
9012 }
9013
9014 .list-group {
9015 padding-left: 0;
9016 margin-bottom: 20px;
9017 }
9018
9019 .list-group-item {
9020 position: relative;
9021 display: block;
9022 padding: 10px 15px;
9023 margin-bottom: -1px;
9024 background-color: #fff;
9025 }
9026
9027 .list-group-item:first-child {
9028 /* rounded top corners */
9029 border-top-right-radius:4px;
9030 border-top-left-radius:4px;
9031 }
9032
9033 .list-group-item:last-child {
9034 margin-bottom: 0;
9035 /* rounded bottom corners */
9036 border-bottom-right-radius: 4px;
9037 border-bottom-left-radius:4px;
9038 }
9039
9040 /* Flex row container */
9041 .flex-row {
9042 display: flex;
9043 flex-direction: row;
9044 }
9045
9046 /* Flex column container */
9047 .flex-column {
9048 display: flex;
9049 flex-direction: column;
9050 }
9051
9052 .flex-item-fit {
9053 flex-grow: 1;
9054 flex-shrink: 1;
9055 flex-basis: auto;
9056 }
9057
9058 .flex-item-no-shrink {
9059 flex-grow: 0;
9060 flex-shrink: 0;
9061 flex-basis: auto;
9062 }
9063
9064 .flex-item-fill {
9065 flex-grow: 0;
9066 flex-shrink: 1; /* shrink when pressured */
9067 flex-basis: 100%; /* try and take 100% */
9068 }
9069
9070 .flex-item-fixed-1-12 {
9071 flex-grow: 0;
9072 flex-shrink: 0;
9073 flex-basis: 8.3%;
9074 }
9075
9076 .flex-item-fixed-2-12 {
9077 flex-grow: 0;
9078 flex-shrink: 0;
9079 flex-basis: 16.6%;
9080 }
9081
9082 .flex-item-fixed-4-12 {
9083 flex-grow: 0;
9084 flex-shrink: 0;
9085 flex-basis: 33.3333%;
9086 }
9087
9088 .flex-item-fixed-6-12, .flex-item-50-percent {
9089 flex-grow: 0;
9090 flex-shrink: 0;
9091 flex-basis: 50%;
9092 }
9093
9094 .flex-item-fixed-8-12 {
9095 flex-grow: 0;
9096 flex-shrink: 0;
9097 flex-basis: 66.6666%;
9098 }
9099
9100 .flex-item-fixed-9-12 {
9101 flex-grow: 0;
9102 flex-shrink: 0;
9103 flex-basis: 75%;
9104 }
9105
9106
9107 .flex-item-fixed-12-12 {
9108 flex-grow: 0;
9109 flex-shrink: 0;
9110 flex-basis: 100%;
9111 }
9112
9113 .flex-item-10-percent {
9114 flex-grow: 0;
9115 flex-shrink: 0;
9116 flex-basis: 10%;
9117 }
9118
9119 .flex-item-15-percent {
9120 flex-grow: 0;
9121 flex-shrink: 0;
9122 flex-basis: 15%;
9123 }
9124
9125 .flex-item-20-percent {
9126 flex-grow: 0;
9127 flex-shrink: 0;
9128 flex-basis: 20%;
9129 }
9130
9131 .flex-item-30-percent {
9132 flex-grow: 0;
9133 flex-shrink: 0;
9134 flex-basis: 30%;
9135 }
9136
9137 .flex-item-40-percent {
9138 flex-grow: 0;
9139 flex-shrink: 0;
9140 flex-basis: 40%;
9141 }
9142
9143 .flex-item-60-percent {
9144 flex-grow: 0;
9145 flex-shrink: 0;
9146 flex-basis: 60%;
9147 }
9148
9149 .flex-item-70-percent {
9150 flex-grow: 0;
9151 flex-shrink: 0;
9152 flex-basis: 70%;
9153 }
9154
9155 .flex-item-80-percent {
9156 flex-grow: 0;
9157 flex-shrink: 0;
9158 flex-basis: 80%;
9159 }
9160
9161 .well {
9162 min-height: 20px;
9163 padding: 19px;
9164 margin-bottom: 20px;
9165 background-color: #f5f5f5;
9166 border: 1px solid #e3e3e3;
9167 border-radius: 4px;
9168 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
9169 }
9170
9171 .break-wrap {
9172 word-wrap: break-word;
9173 }
8267 </style> 9174 </style>
8268 <template if="{{ isolate.error != null }}"> 9175 <template if="{{ isolate.error != null }}">
8269 <div class="content-centered"> 9176 <div class="content-centered">
8270 <pre class="errorBox">{{ isolate.error.message }}</pre> 9177 <pre class="errorBox">{{ isolate.error.message }}</pre>
8271 <br> 9178 <br>
8272 </div> 9179 </div>
8273 </template> 9180 </template>
8274 <div class="flex-row"> 9181 <div class="flex-row">
8275 <div class="flex-item-10-percent"> 9182 <div class="flex-item-10-percent">
8276 </div> 9183 </div>
(...skipping 293 matching lines...) Expand 10 before | Expand all | Expand 10 after
8570 9477
8571 .well { 9478 .well {
8572 min-height: 20px; 9479 min-height: 20px;
8573 padding: 19px; 9480 padding: 19px;
8574 margin-bottom: 20px; 9481 margin-bottom: 20px;
8575 background-color: #f5f5f5; 9482 background-color: #f5f5f5;
8576 border: 1px solid #e3e3e3; 9483 border: 1px solid #e3e3e3;
8577 border-radius: 4px; 9484 border-radius: 4px;
8578 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 9485 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8579 } 9486 }
9487
9488 .break-wrap {
9489 word-wrap: break-word;
9490 }
8580 </style> 9491 </style>
8581 <style> 9492 <style>
8582 .sourceInset { 9493 .sourceInset {
8583 padding-left: 15%; 9494 padding-left: 15%;
8584 padding-right: 15%; 9495 padding-right: 15%;
8585 } 9496 }
8586 .miniProfileChart { 9497 .miniProfileChart {
8587 width: 80%; 9498 width: 80%;
8588 } 9499 }
8589 </style> 9500 </style>
(...skipping 344 matching lines...) Expand 10 before | Expand all | Expand 10 after
8934 9845
8935 .well { 9846 .well {
8936 min-height: 20px; 9847 min-height: 20px;
8937 padding: 19px; 9848 padding: 19px;
8938 margin-bottom: 20px; 9849 margin-bottom: 20px;
8939 background-color: #f5f5f5; 9850 background-color: #f5f5f5;
8940 border: 1px solid #e3e3e3; 9851 border: 1px solid #e3e3e3;
8941 border-radius: 4px; 9852 border-radius: 4px;
8942 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 9853 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8943 } 9854 }
9855
9856 .break-wrap {
9857 word-wrap: break-word;
9858 }
8944 </style> 9859 </style>
8945 <nav-bar> 9860 <nav-bar>
8946 <top-nav-menu></top-nav-menu> 9861 <top-nav-menu></top-nav-menu>
8947 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu> 9862 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu>
8948 <!-- TODO(turnidge): Add library nav menu here. --> 9863 <!-- TODO(turnidge): Add library nav menu here. -->
8949 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu> 9864 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu>
8950 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu> 9865 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu>
8951 <nav-refresh callback="{{ refresh }}"></nav-refresh> 9866 <nav-refresh callback="{{ refresh }}"></nav-refresh>
8952 </nav-bar> 9867 </nav-bar>
8953 9868
(...skipping 397 matching lines...) Expand 10 before | Expand all | Expand 10 after
9351 10266
9352 .well { 10267 .well {
9353 min-height: 20px; 10268 min-height: 20px;
9354 padding: 19px; 10269 padding: 19px;
9355 margin-bottom: 20px; 10270 margin-bottom: 20px;
9356 background-color: #f5f5f5; 10271 background-color: #f5f5f5;
9357 border: 1px solid #e3e3e3; 10272 border: 1px solid #e3e3e3;
9358 border-radius: 4px; 10273 border-radius: 4px;
9359 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 10274 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
9360 } 10275 }
10276
10277 .break-wrap {
10278 word-wrap: break-word;
10279 }
9361 </style> 10280 </style>
9362 10281
9363 <nav-bar> 10282 <nav-bar>
9364 <top-nav-menu></top-nav-menu> 10283 <top-nav-menu></top-nav-menu>
9365 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu> 10284 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu>
9366 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav- menu> 10285 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav- menu>
9367 <nav-refresh callback="{{ refresh }}"></nav-refresh> 10286 <nav-refresh callback="{{ refresh }}"></nav-refresh>
9368 </nav-bar> 10287 </nav-bar>
9369 10288
9370 <div class="content"> 10289 <div class="content">
(...skipping 361 matching lines...) Expand 10 before | Expand all | Expand 10 after
9732 10651
9733 .well { 10652 .well {
9734 min-height: 20px; 10653 min-height: 20px;
9735 padding: 19px; 10654 padding: 19px;
9736 margin-bottom: 20px; 10655 margin-bottom: 20px;
9737 background-color: #f5f5f5; 10656 background-color: #f5f5f5;
9738 border: 1px solid #e3e3e3; 10657 border: 1px solid #e3e3e3;
9739 border-radius: 4px; 10658 border-radius: 4px;
9740 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 10659 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
9741 } 10660 }
10661
10662 .break-wrap {
10663 word-wrap: break-word;
10664 }
9742 </style> 10665 </style>
9743 <style> 10666 <style>
9744 .table { 10667 .table {
9745 border-collapse: collapse!important; 10668 border-collapse: collapse!important;
9746 width: 100%; 10669 width: 100%;
9747 margin-bottom: 20px 10670 margin-bottom: 20px
9748 table-layout: fixed; 10671 table-layout: fixed;
9749 } 10672 }
9750 .table td:nth-of-type(1) { 10673 .table td:nth-of-type(1) {
9751 width: 30%; 10674 width: 30%;
(...skipping 411 matching lines...) Expand 10 before | Expand all | Expand 10 after
10163 11086
10164 .well { 11087 .well {
10165 min-height: 20px; 11088 min-height: 20px;
10166 padding: 19px; 11089 padding: 19px;
10167 margin-bottom: 20px; 11090 margin-bottom: 20px;
10168 background-color: #f5f5f5; 11091 background-color: #f5f5f5;
10169 border: 1px solid #e3e3e3; 11092 border: 1px solid #e3e3e3;
10170 border-radius: 4px; 11093 border-radius: 4px;
10171 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 11094 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
10172 } 11095 }
11096
11097 .break-wrap {
11098 word-wrap: break-word;
11099 }
10173 </style> 11100 </style>
10174 <nav-bar> 11101 <nav-bar>
10175 <top-nav-menu></top-nav-menu> 11102 <top-nav-menu></top-nav-menu>
10176 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> 11103 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
10177 <nav-menu link="{{ profile.isolate.relativeHashLink('profile') }}" anchor= "cpu profile" last="{{ true }}"></nav-menu> 11104 <nav-menu link="{{ profile.isolate.relativeHashLink('profile') }}" anchor= "cpu profile" last="{{ true }}"></nav-menu>
10178 <nav-refresh callback="{{ refresh }}"></nav-refresh> 11105 <nav-refresh callback="{{ refresh }}"></nav-refresh>
10179 </nav-bar> 11106 </nav-bar>
10180 <style> 11107 <style>
10181 .table { 11108 .table {
10182 border-collapse: collapse!important; 11109 border-collapse: collapse!important;
(...skipping 391 matching lines...) Expand 10 before | Expand all | Expand 10 after
10574 11501
10575 .well { 11502 .well {
10576 min-height: 20px; 11503 min-height: 20px;
10577 padding: 19px; 11504 padding: 19px;
10578 margin-bottom: 20px; 11505 margin-bottom: 20px;
10579 background-color: #f5f5f5; 11506 background-color: #f5f5f5;
10580 border: 1px solid #e3e3e3; 11507 border: 1px solid #e3e3e3;
10581 border-radius: 4px; 11508 border-radius: 4px;
10582 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 11509 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
10583 } 11510 }
11511
11512 .break-wrap {
11513 word-wrap: break-word;
11514 }
10584 </style> 11515 </style>
10585 <nav-bar> 11516 <nav-bar>
10586 <top-nav-menu></top-nav-menu> 11517 <top-nav-menu></top-nav-menu>
10587 <isolate-nav-menu isolate="{{ script.isolate }}"> 11518 <isolate-nav-menu isolate="{{ script.isolate }}">
10588 </isolate-nav-menu> 11519 </isolate-nav-menu>
10589 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}"> 11520 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}">
10590 <li> 11521 <li>
10591 <input type="checkbox" checked="{{ showCoverage }}"> 11522 <input type="checkbox" checked="{{ showCoverage }}">
10592 <label>Show Coverage Data</label> 11523 <label>Show Coverage Data</label>
10593 </li> 11524 </li>
(...skipping 240 matching lines...) Expand 10 before | Expand all | Expand 10 after
10834 11765
10835 .well { 11766 .well {
10836 min-height: 20px; 11767 min-height: 20px;
10837 padding: 19px; 11768 padding: 19px;
10838 margin-bottom: 20px; 11769 margin-bottom: 20px;
10839 background-color: #f5f5f5; 11770 background-color: #f5f5f5;
10840 border: 1px solid #e3e3e3; 11771 border: 1px solid #e3e3e3;
10841 border-radius: 4px; 11772 border-radius: 4px;
10842 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 11773 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
10843 } 11774 }
11775
11776 .break-wrap {
11777 word-wrap: break-word;
11778 }
10844 </style> 11779 </style>
10845 <div class="flex-row"> 11780 <div class="flex-row">
10846 <div class="flex-item-fixed-1-12"> 11781 <div class="flex-item-fixed-1-12">
10847 </div> 11782 </div>
10848 <div class="flex-item-fixed-1-12"> 11783 <div class="flex-item-fixed-1-12">
10849 #{{ frame['depth'] }} 11784 #{{ frame['depth'] }}
10850 </div> 11785 </div>
10851 <div class="flex-item-fixed-9-12"> 11786 <div class="flex-item-fixed-9-12">
10852 <function-ref ref="{{ frame['function'] }}"></function-ref> 11787 <function-ref ref="{{ frame['function'] }}"></function-ref>
10853 ( <script-ref ref="{{ frame['script'] }}" pos="{{ frame['tokenPos'] }} "> 11788 ( <script-ref ref="{{ frame['script'] }}" pos="{{ frame['tokenPos'] }} ">
(...skipping 239 matching lines...) Expand 10 before | Expand all | Expand 10 after
11093 12028
11094 .well { 12029 .well {
11095 min-height: 20px; 12030 min-height: 20px;
11096 padding: 19px; 12031 padding: 19px;
11097 margin-bottom: 20px; 12032 margin-bottom: 20px;
11098 background-color: #f5f5f5; 12033 background-color: #f5f5f5;
11099 border: 1px solid #e3e3e3; 12034 border: 1px solid #e3e3e3;
11100 border-radius: 4px; 12035 border-radius: 4px;
11101 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 12036 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
11102 } 12037 }
12038
12039 .break-wrap {
12040 word-wrap: break-word;
12041 }
11103 </style> 12042 </style>
11104 <nav-bar> 12043 <nav-bar>
11105 <top-nav-menu></top-nav-menu> 12044 <top-nav-menu></top-nav-menu>
11106 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu> 12045 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu>
11107 <nav-menu link="{{ trace.isolate.relativeHashLink('stacktrace') }}" anchor ="stack trace" last="{{ true }}"></nav-menu> 12046 <nav-menu link="{{ trace.isolate.relativeHashLink('stacktrace') }}" anchor ="stack trace" last="{{ true }}"></nav-menu>
11108 <nav-refresh callback="{{ refresh }}"></nav-refresh> 12047 <nav-refresh callback="{{ refresh }}"></nav-refresh>
11109 </nav-bar> 12048 </nav-bar>
11110 <template if="{{ trace['members'].isEmpty }}"> 12049 <template if="{{ trace['members'].isEmpty }}">
11111 <div class="content"> 12050 <div class="content">
11112 <em>No stack</em> 12051 <em>No stack</em>
(...skipping 241 matching lines...) Expand 10 before | Expand all | Expand 10 after
11354 12293
11355 .well { 12294 .well {
11356 min-height: 20px; 12295 min-height: 20px;
11357 padding: 19px; 12296 padding: 19px;
11358 margin-bottom: 20px; 12297 margin-bottom: 20px;
11359 background-color: #f5f5f5; 12298 background-color: #f5f5f5;
11360 border: 1px solid #e3e3e3; 12299 border: 1px solid #e3e3e3;
11361 border-radius: 4px; 12300 border-radius: 4px;
11362 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 12301 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
11363 } 12302 }
12303
12304 .break-wrap {
12305 word-wrap: break-word;
12306 }
11364 </style> 12307 </style>
11365 12308
11366 <nav-bar> 12309 <nav-bar>
11367 <top-nav-menu last="{{ true }}"></top-nav-menu> 12310 <top-nav-menu last="{{ true }}"></top-nav-menu>
11368 <nav-refresh callback="{{ refresh }}"></nav-refresh> 12311 <nav-refresh callback="{{ refresh }}"></nav-refresh>
11369 </nav-bar> 12312 </nav-bar>
11370 12313
11371 <div class="content"> 12314 <div class="content">
11372 <h1>VM</h1> 12315 <h1>VM</h1>
11373 <div class="memberList"> 12316 <div class="memberList">
(...skipping 270 matching lines...) Expand 10 before | Expand all | Expand 10 after
11644 12587
11645 .well { 12588 .well {
11646 min-height: 20px; 12589 min-height: 20px;
11647 padding: 19px; 12590 padding: 19px;
11648 margin-bottom: 20px; 12591 margin-bottom: 20px;
11649 background-color: #f5f5f5; 12592 background-color: #f5f5f5;
11650 border: 1px solid #e3e3e3; 12593 border: 1px solid #e3e3e3;
11651 border-radius: 4px; 12594 border-radius: 4px;
11652 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 12595 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
11653 } 12596 }
12597
12598 .break-wrap {
12599 word-wrap: break-word;
12600 }
11654 </style> 12601 </style>
11655 <nav-bar> 12602 <nav-bar>
11656 <top-nav-menu last="{{ true }}"></top-nav-menu> 12603 <top-nav-menu last="{{ true }}"></top-nav-menu>
11657 </nav-bar> 12604 </nav-bar>
11658 <div class="content-centered"> 12605 <div class="content-centered">
11659 <h1>{{ exception.kind }}</h1> 12606 <h1>{{ exception.kind }}</h1>
11660 <br> 12607 <br>
11661 <div class="well">{{ exception.message }}</div> 12608 <div class="well">{{ exception.message }}</div>
11662 <template if="{{ exception.response != '' }}"> 12609 <template if="{{ exception.response != '' }}">
11663 <div class="well">{{ exception.response }}</div> 12610 <div class="well">{{ exception.response }}</div>
(...skipping 226 matching lines...) Expand 10 before | Expand all | Expand 10 after
11890 12837
11891 .well { 12838 .well {
11892 min-height: 20px; 12839 min-height: 20px;
11893 padding: 19px; 12840 padding: 19px;
11894 margin-bottom: 20px; 12841 margin-bottom: 20px;
11895 background-color: #f5f5f5; 12842 background-color: #f5f5f5;
11896 border: 1px solid #e3e3e3; 12843 border: 1px solid #e3e3e3;
11897 border-radius: 4px; 12844 border-radius: 4px;
11898 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 12845 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
11899 } 12846 }
12847
12848 .break-wrap {
12849 word-wrap: break-word;
12850 }
11900 </style> 12851 </style>
11901 <nav-bar> 12852 <nav-bar>
11902 <top-nav-menu last="{{ true }}"></top-nav-menu> 12853 <top-nav-menu last="{{ true }}"></top-nav-menu>
11903 </nav-bar> 12854 </nav-bar>
11904 <div class="content-centered"> 12855 <div class="content-centered">
11905 <h1>{{ error.kind }}</h1> 12856 <h1>{{ error.kind }}</h1>
11906 <br> 12857 <br>
11907 <div class="well">{{ error.message }}</div> 12858 <div class="well">{{ error.message }}</div>
11908 </div> 12859 </div>
11909 </template> 12860 </template>
(...skipping 221 matching lines...) Expand 10 before | Expand all | Expand 10 after
12131 13082
12132 .well { 13083 .well {
12133 min-height: 20px; 13084 min-height: 20px;
12134 padding: 19px; 13085 padding: 19px;
12135 margin-bottom: 20px; 13086 margin-bottom: 20px;
12136 background-color: #f5f5f5; 13087 background-color: #f5f5f5;
12137 border: 1px solid #e3e3e3; 13088 border: 1px solid #e3e3e3;
12138 border-radius: 4px; 13089 border-radius: 4px;
12139 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 13090 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
12140 } 13091 }
13092
13093 .break-wrap {
13094 word-wrap: break-word;
13095 }
12141 </style> 13096 </style>
12142 <a href="{{ url }}">{{ ref.name }}</a> 13097 <a href="{{ url }}">{{ ref.name }}</a>
12143 </template> 13098 </template>
12144 13099
12145 </polymer-element> 13100 </polymer-element>
12146 13101
12147 13102
12148 <observatory-application devtools="true"></observatory-application> 13103 <observatory-application devtools="true"></observatory-application>
12149 13104
12150 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html> 13105 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698