| OLD | NEW |
|---|
| 1 <!DOCTYPE html><html><head> | 1 <!DOCTYPE html><html><head> |
| 2 <meta charset="utf-8"> | 2 <meta charset="utf-8"> |
| 3 <title>Dart VM Observatory</title> | 3 <title>Dart VM Observatory</title> |
| 4 | 4 |
| 5 | 5 |
| 6 | 6 |
| 7 | 7 |
| 8 | 8 |
| 9 | 9 |
| 10 | 10 |
| (...skipping 578 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 589 | 589 |
| 590 | 590 |
| 591 | 591 |
| 592 | 592 |
| 593 | 593 |
| 594 | 594 |
| 595 | 595 |
| 596 | 596 |
| 597 | 597 |
| 598 | 598 |
| 599 |
| 599 <polymer-element name="curly-block"> | 600 <polymer-element name="curly-block"> |
| 600 <template> | 601 <template> |
| 601 <style> | 602 <style> |
| 602 .idle { | 603 .idle { |
| 603 display: inline-block; | 604 display: inline-block; |
| 604 color: #0489c3; | 605 color: #0489c3; |
| 605 cursor: pointer; | 606 cursor: pointer; |
| 606 } | 607 } |
| 607 .busy { | 608 .busy { |
| 608 display: inline-block; | 609 display: inline-block; |
| (...skipping 321 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 930 | 931 |
| 931 <template if="{{ isSentinel(ref) }}"> | 932 <template if="{{ isSentinel(ref) }}"> |
| 932 <div title="{{ hoverText }}">{{ ref['valueAsString'] }}</div> | 933 <div title="{{ hoverText }}">{{ ref['valueAsString'] }}</div> |
| 933 </template> | 934 </template> |
| 934 | 935 |
| 935 <template if="{{ (isString(ref) || | 936 <template if="{{ (isString(ref) || |
| 936 isBool(ref) || | 937 isBool(ref) || |
| 937 isNull(ref) || | 938 isNull(ref) || |
| 938 isInt(ref)) || | 939 isInt(ref)) || |
| 939 isDouble(ref)) }}"> | 940 isDouble(ref)) }}"> |
| 940 <a on-click="{{ goto }}" href="{{ url }}">{{ ref['valueAsString'] }}</a> | 941 <a on-click="{{ goto }}" _href="{{ url }}">{{ ref['valueAsString'] }}</a
> |
| 941 </template> | 942 </template> |
| 942 | 943 |
| 943 <template if="{{ (isType(ref)) }}"> | 944 <template if="{{ (isType(ref)) }}"> |
| 944 <a on-click="{{ goto }}" href="{{ url }}">{{ ref['user_name'] }}</a> | 945 <a on-click="{{ goto }}" _href="{{ url }}">{{ ref['user_name'] }}</a> |
| 945 </template> | 946 </template> |
| 946 | 947 |
| 947 <template if="{{ isInstance(ref) && | 948 <template if="{{ isInstance(ref) && |
| 948 ref['closureFunc'] != null}}"> | 949 ref['closureFunc'] != null}}"> |
| 949 <a on-click="{{ goto }}" href="{{ url }}"> | 950 <a on-click="{{ goto }}" _href="{{ url }}"> |
| 950 <!-- TODO(turnidge): Switch this to fully-qualified function --> | 951 <!-- TODO(turnidge): Switch this to fully-qualified function --> |
| 951 {{ ref['closureFunc'].name }} | 952 {{ ref['closureFunc'].name }} |
| 952 </a> | 953 </a> |
| 953 </template> | 954 </template> |
| 954 | 955 |
| 955 <template if="{{ isInstance(ref) && | 956 <template if="{{ isInstance(ref) && |
| 956 ref['closureFunc'] == null}}"> | 957 ref['closureFunc'] == null}}"> |
| 957 <a on-click="{{ goto }}" href="{{ url }}"><em>{{ ref['class'].name }}</e
m></a> | 958 <a on-click="{{ goto }}" _href="{{ url }}"><em>{{ ref['class'].name }}</
em></a> |
| 958 <curly-block callback="{{ expander() }}"> | 959 <curly-block callback="{{ expander() }}"> |
| 959 <div class="memberList"> | 960 <div class="memberList"> |
| 960 <template repeat="{{ field in ref['fields'] }}"> | 961 <template repeat="{{ field in ref['fields'] }}"> |
| 961 <div class="memberItem"> | 962 <div class="memberItem"> |
| 962 <div class="memberName"> | 963 <div class="memberName"> |
| 963 {{ field['decl']['user_name'] }} | 964 {{ field['decl']['user_name'] }} |
| 964 </div> | 965 </div> |
| 965 <div class="memberValue"> | 966 <div class="memberValue"> |
| 966 <instance-ref ref="{{ field['value'] }}"></instance-ref> | 967 <instance-ref ref="{{ field['value'] }}"></instance-ref> |
| 967 </div> | 968 </div> |
| 968 </div> | 969 </div> |
| 969 </template> | 970 </template> |
| 970 </div> | 971 </div> |
| 971 </curly-block> | 972 </curly-block> |
| 972 </template> | 973 </template> |
| 973 | 974 |
| 974 <template if="{{ isList(ref) }}"> | 975 <template if="{{ isList(ref) }}"> |
| 975 <a on-click="{{ goto }}" href="{{ url }}"><em>{{ ref['class'].name }}</e
m> ({{ ref['length']}})</a> | 976 <a on-click="{{ goto }}" _href="{{ url }}"><em>{{ ref['class'].name }}</
em> ({{ ref['length']}})</a> |
| 976 <curly-block callback="{{ expander() }}"> | 977 <curly-block callback="{{ expander() }}"> |
| 977 <div class="memberList"> | 978 <div class="memberList"> |
| 978 <template repeat="{{ element in ref['elements'] }}"> | 979 <template repeat="{{ element in ref['elements'] }}"> |
| 979 <div class="memberItem"> | 980 <div class="memberItem"> |
| 980 <div class="memberName">[{{ element['index']}}]</div> | 981 <div class="memberName">[{{ element['index']}}]</div> |
| 981 <div class="memberValue"> | 982 <div class="memberValue"> |
| 982 <instance-ref ref="{{ element['value'] }}"></instance-ref> | 983 <instance-ref ref="{{ element['value'] }}"></instance-ref> |
| 983 </div> | 984 </div> |
| 984 </div> | 985 </div> |
| 985 </template> | 986 </template> |
| (...skipping 373 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1359 } | 1360 } |
| 1360 .menu ul:after { | 1361 .menu ul:after { |
| 1361 content: ""; clear: both; display: block; | 1362 content: ""; clear: both; display: block; |
| 1362 } | 1363 } |
| 1363 .menu:hover > ul { | 1364 .menu:hover > ul { |
| 1364 display: block; | 1365 display: block; |
| 1365 } | 1366 } |
| 1366 </style> | 1367 </style> |
| 1367 | 1368 |
| 1368 <li class="menu"> | 1369 <li class="menu"> |
| 1369 <a on-click="{{ goto }}" href="{{ gotoLink(link) }}">{{ anchor }}</a> | 1370 <a on-click="{{ goto }}" _href="{{ gotoLink(link) }}">{{ anchor }}</a> |
| 1370 <ul><content></content></ul> | 1371 <ul><content></content></ul> |
| 1371 </li> | 1372 </li> |
| 1372 <template if="{{ !last }}"> | 1373 <template if="{{ !last }}"> |
| 1373 <li class="spacer">></li> | 1374 <li class="spacer">></li> |
| 1374 </template> | 1375 </template> |
| 1375 | 1376 |
| 1376 </template> | 1377 </template> |
| 1377 </polymer-element> | 1378 </polymer-element> |
| 1378 | 1379 |
| 1379 <polymer-element name="nav-menu-item" extends="observatory-element"> | 1380 <polymer-element name="nav-menu-item" extends="observatory-element"> |
| (...skipping 27 matching lines...) Expand all Loading... |
| 1407 li:hover > ul { | 1408 li:hover > ul { |
| 1408 display: block; | 1409 display: block; |
| 1409 } | 1410 } |
| 1410 li a { | 1411 li a { |
| 1411 display: block; | 1412 display: block; |
| 1412 padding: 12px 12px; | 1413 padding: 12px 12px; |
| 1413 color: white; | 1414 color: white; |
| 1414 text-decoration: none; | 1415 text-decoration: none; |
| 1415 } | 1416 } |
| 1416 </style> | 1417 </style> |
| 1417 <li><a on-click="{{ goto }}" href="{{ gotoLink(link) }}">{{ anchor }}</a> | 1418 <li><a on-click="{{ goto }}" _href="{{ gotoLink(link) }}">{{ anchor }}</a> |
| 1418 <ul><content></content></ul> | 1419 <ul><content></content></ul> |
| 1419 </li> | 1420 </li> |
| 1420 </template> | 1421 </template> |
| 1421 </polymer-element> | 1422 </polymer-element> |
| 1422 | 1423 |
| 1423 <polymer-element name="nav-refresh" extends="observatory-element"> | 1424 <polymer-element name="nav-refresh" extends="observatory-element"> |
| 1424 <template> | 1425 <template> |
| 1425 <style> | 1426 <style> |
| 1426 .active { | 1427 .active { |
| 1427 color: #aaa; | 1428 color: #aaa; |
| (...skipping 163 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1591 } | 1592 } |
| 1592 a.boxclose:hover { | 1593 a.boxclose:hover { |
| 1593 background: rgba(255,255,255,0.5); | 1594 background: rgba(255,255,255,0.5); |
| 1594 } | 1595 } |
| 1595 </style> | 1596 </style> |
| 1596 <template if="{{ event.eventType == 'IsolateInterrupted' || | 1597 <template if="{{ event.eventType == 'IsolateInterrupted' || |
| 1597 event.eventType == 'BreakpointReached' || | 1598 event.eventType == 'BreakpointReached' || |
| 1598 event.eventType == 'ExceptionThrown' }}"> | 1599 event.eventType == 'ExceptionThrown' }}"> |
| 1599 <div class="item"> | 1600 <div class="item"> |
| 1600 Isolate | 1601 Isolate |
| 1601 <a class="link" on-click="{{ goto }}" href="{{ event.isolate.link }}">{{
event.isolate.name }}</a> | 1602 <a class="link" on-click="{{ goto }}" _href="{{ event.isolate.link }}">{
{ event.isolate.name }}</a> |
| 1602 is paused | 1603 is paused |
| 1603 <template if="{{ event.breakpoint != null }}"> | 1604 <template if="{{ event.breakpoint != null }}"> |
| 1604 at breakpoint | 1605 at breakpoint |
| 1605 </template> | 1606 </template> |
| 1606 <template if="{{ event.eventType == 'ExceptionThrown' }}"> | 1607 <template if="{{ event.eventType == 'ExceptionThrown' }}"> |
| 1607 at exception | 1608 at exception |
| 1608 </template> | 1609 </template> |
| 1609 | 1610 |
| 1610 <br><br> | 1611 <br><br> |
| 1611 <action-link callback="{{ resume }}" label="resume" color="white"> | 1612 <action-link callback="{{ resume }}" label="resume" color="white"> |
| (...skipping 543 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2155 margin-bottom: 20px; | 2156 margin-bottom: 20px; |
| 2156 background-color: #f5f5f5; | 2157 background-color: #f5f5f5; |
| 2157 border: 1px solid #e3e3e3; | 2158 border: 1px solid #e3e3e3; |
| 2158 border-radius: 4px; | 2159 border-radius: 4px; |
| 2159 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 2160 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 2160 } | 2161 } |
| 2161 | 2162 |
| 2162 .break-wrap { | 2163 .break-wrap { |
| 2163 word-wrap: break-word; | 2164 word-wrap: break-word; |
| 2164 } | 2165 } |
| 2165 </style><span><a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">
{{ name }}</a></span></template> | 2166 </style><span><a on-click="{{ goto }}" title="{{ hoverText }}" _href="{{ url }}"
>{{ name }}</a></span></template> |
| 2166 </polymer-element> | 2167 </polymer-element> |
| 2167 | 2168 |
| 2168 | 2169 |
| 2169 | 2170 |
| 2170 | 2171 |
| 2171 | 2172 |
| 2172 | 2173 |
| 2173 | 2174 |
| 2174 <polymer-element name="class-tree" extends="observatory-element"> | 2175 <polymer-element name="class-tree" extends="observatory-element"> |
| 2175 <template> | 2176 <template> |
| (...skipping 754 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2930 <template if="{{ ref['static'] }}">static</template> | 2931 <template if="{{ ref['static'] }}">static</template> |
| 2931 <template if="{{ ref['final'] }}">final</template> | 2932 <template if="{{ ref['final'] }}">final</template> |
| 2932 <template if="{{ ref['const'] }}">const</template> | 2933 <template if="{{ ref['const'] }}">const</template> |
| 2933 <template if="{{ (ref['declaredType'].name == 'dynamic' && | 2934 <template if="{{ (ref['declaredType'].name == 'dynamic' && |
| 2934 !ref['final'] && !ref['const']) }}"> | 2935 !ref['final'] && !ref['const']) }}"> |
| 2935 var | 2936 var |
| 2936 </template> | 2937 </template> |
| 2937 <template if="{{ (ref['declaredType'].name != 'dynamic') }}"> | 2938 <template if="{{ (ref['declaredType'].name != 'dynamic') }}"> |
| 2938 <instance-ref ref="{{ ref['declaredType'] }}"></instance-ref> | 2939 <instance-ref ref="{{ ref['declaredType'] }}"></instance-ref> |
| 2939 </template> | 2940 </template> |
| 2940 <a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ name
}}</a> | 2941 <a on-click="{{ goto }}" title="{{ hoverText }}" _href="{{ url }}">{{ name
}}</a> |
| 2941 </span> | 2942 </span> |
| 2942 </template> | 2943 </template> |
| 2943 </polymer-element> | 2944 </polymer-element> |
| 2944 | 2945 |
| 2945 | 2946 |
| 2946 | 2947 |
| 2947 | 2948 |
| 2948 | 2949 |
| 2949 | 2950 |
| 2950 <polymer-element name="function-ref" extends="service-ref"> | 2951 <polymer-element name="function-ref" extends="service-ref"> |
| (...skipping 251 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3202 .break-wrap { | 3203 .break-wrap { |
| 3203 word-wrap: break-word; | 3204 word-wrap: break-word; |
| 3204 } | 3205 } |
| 3205 </style><!-- These comments are here to allow newlines. | 3206 </style><!-- These comments are here to allow newlines. |
| 3206 --><template if="{{ ref.isDart }}"><!-- | 3207 --><template if="{{ ref.isDart }}"><!-- |
| 3207 --><template if="{{ qualified && ref.parent == null && re
f.owningClass != null }}"><!-- | 3208 --><template if="{{ qualified && ref.parent == null && re
f.owningClass != null }}"><!-- |
| 3208 --><class-ref ref="{{ ref.owningClass] }}"></class-ref>.</template><!-- | 3209 --><class-ref ref="{{ ref.owningClass] }}"></class-ref>.</template><!-- |
| 3209 --><template if="{{ qualified && ref.parent != null }}"><!-- | 3210 --><template if="{{ qualified && ref.parent != null }}"><!-- |
| 3210 --><function-ref ref="{{ ref.parent }}" qualified="{{ true }}"> | 3211 --><function-ref ref="{{ ref.parent }}" qualified="{{ true }}"> |
| 3211 </function-ref>.<!-- | 3212 </function-ref>.<!-- |
| 3212 --></template><a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a><!-- | 3213 --></template><a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a><!-- |
| 3213 --></template><template if="{{ !ref.isDart }}"><span> {{ name }}</span></templ
ate></template> | 3214 --></template><template if="{{ !ref.isDart }}"><span> {{ name }}</span></templ
ate></template> |
| 3214 </polymer-element> | 3215 </polymer-element> |
| 3215 | 3216 |
| 3216 | 3217 |
| 3217 | 3218 |
| 3218 | 3219 |
| 3219 <polymer-element name="library-ref" extends="service-ref"> | 3220 <polymer-element name="library-ref" extends="service-ref"> |
| 3220 <template><style> | 3221 <template><style> |
| 3221 /* Global styles */ | 3222 /* Global styles */ |
| 3222 * { | 3223 * { |
| (...skipping 243 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3466 border: 1px solid #e3e3e3; | 3467 border: 1px solid #e3e3e3; |
| 3467 border-radius: 4px; | 3468 border-radius: 4px; |
| 3468 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 3469 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 3469 } | 3470 } |
| 3470 | 3471 |
| 3471 .break-wrap { | 3472 .break-wrap { |
| 3472 word-wrap: break-word; | 3473 word-wrap: break-word; |
| 3473 } | 3474 } |
| 3474 </style> | 3475 </style> |
| 3475 <template if="{{ nameIsEmpty }}"> | 3476 <template if="{{ nameIsEmpty }}"> |
| 3476 <a on-click="{{ goto }}" href="{{ url }}">unnamed</a> | 3477 <a on-click="{{ goto }}" _href="{{ url }}">unnamed</a> |
| 3477 </template> | 3478 </template> |
| 3478 <template if="{{ !nameIsEmpty }}"> | 3479 <template if="{{ !nameIsEmpty }}"> |
| 3479 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a> | 3480 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> |
| 3480 </template> | 3481 </template> |
| 3481 </template> | 3482 </template> |
| 3482 </polymer-element> | 3483 </polymer-element> |
| 3483 | 3484 |
| 3484 | 3485 |
| 3485 | 3486 |
| 3486 | 3487 |
| 3487 <polymer-element name="script-inset" extends="observatory-element"> | 3488 <polymer-element name="script-inset" extends="observatory-element"> |
| 3488 <template> | 3489 <template> |
| 3489 <style> | 3490 <style> |
| (...skipping 397 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3887 background-color: #f5f5f5; | 3888 background-color: #f5f5f5; |
| 3888 border: 1px solid #e3e3e3; | 3889 border: 1px solid #e3e3e3; |
| 3889 border-radius: 4px; | 3890 border-radius: 4px; |
| 3890 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 3891 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 3891 } | 3892 } |
| 3892 | 3893 |
| 3893 .break-wrap { | 3894 .break-wrap { |
| 3894 word-wrap: break-word; | 3895 word-wrap: break-word; |
| 3895 } | 3896 } |
| 3896 </style> | 3897 </style> |
| 3897 <a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ name }}</
a> | 3898 <a on-click="{{ goto }}" title="{{ hoverText }}" _href="{{ url }}">{{ name }}<
/a> |
| 3898 </template> | 3899 </template> |
| 3899 </polymer-element> | 3900 </polymer-element> |
| 3900 | 3901 |
| 3901 | 3902 |
| 3902 <polymer-element name="class-view" extends="observatory-element"> | 3903 <polymer-element name="class-view" extends="observatory-element"> |
| 3903 <template> | 3904 <template> |
| 3904 <style> | 3905 <style> |
| 3905 /* Global styles */ | 3906 /* Global styles */ |
| 3906 * { | 3907 * { |
| 3907 margin: 0; | 3908 margin: 0; |
| (...skipping 682 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 4590 border-radius: 4px; | 4591 border-radius: 4px; |
| 4591 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 4592 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 4592 } | 4593 } |
| 4593 | 4594 |
| 4594 .break-wrap { | 4595 .break-wrap { |
| 4595 word-wrap: break-word; | 4596 word-wrap: break-word; |
| 4596 } | 4597 } |
| 4597 </style> | 4598 </style> |
| 4598 <template if="{{ code.isDartCode }}"> | 4599 <template if="{{ code.isDartCode }}"> |
| 4599 <template if="{{ code.isOptimized }}"> | 4600 <template if="{{ code.isOptimized }}"> |
| 4600 <a on-click="{{ goto }}" href="{{ url }}">*{{ name }}</a> | 4601 <a on-click="{{ goto }}" _href="{{ url }}">*{{ name }}</a> |
| 4601 </template> | 4602 </template> |
| 4602 <template if="{{ !code.isOptimized }}"> | 4603 <template if="{{ !code.isOptimized }}"> |
| 4603 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a> | 4604 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> |
| 4604 </template> | 4605 </template> |
| 4605 </template> | 4606 </template> |
| 4606 <template if="{{ !code.isDartCode }}"> | 4607 <template if="{{ !code.isDartCode }}"> |
| 4607 <span>{{ name }}</span> | 4608 <span>{{ name }}</span> |
| 4608 </template> | 4609 </template> |
| 4609 </template> | 4610 </template> |
| 4610 </polymer-element> | 4611 </polymer-element> |
| 4611 | 4612 |
| 4612 | 4613 |
| 4613 | 4614 |
| (...skipping 2837 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 7451 <nav-control></nav-control> | 7452 <nav-control></nav-control> |
| 7452 </nav-bar> | 7453 </nav-bar> |
| 7453 | 7454 |
| 7454 <div class="content"> | 7455 <div class="content"> |
| 7455 <h1>dart:io</h1> | 7456 <h1>dart:io</h1> |
| 7456 | 7457 |
| 7457 <br> | 7458 <br> |
| 7458 | 7459 |
| 7459 <ul class="list-group"> | 7460 <ul class="list-group"> |
| 7460 <li class="list-group-item"> | 7461 <li class="list-group-item"> |
| 7461 <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/
http/servers'))}}">HTTP Servers</a> | 7462 <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io
/http/servers'))}}">HTTP Servers</a> |
| 7462 </li> | 7463 </li> |
| 7463 </ul> | 7464 </ul> |
| 7464 | 7465 |
| 7465 <br> | 7466 <br> |
| 7466 | 7467 |
| 7467 <ul class="list-group"> | 7468 <ul class="list-group"> |
| 7468 <li class="list-group-item"> | 7469 <li class="list-group-item"> |
| 7469 <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/
sockets'))}}">Sockets</a> | 7470 <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io
/sockets'))}}">Sockets</a> |
| 7470 </li> | 7471 </li> |
| 7471 </ul> | 7472 </ul> |
| 7472 | 7473 |
| 7473 <br> | 7474 <br> |
| 7474 | 7475 |
| 7475 <ul class="list-group"> | 7476 <ul class="list-group"> |
| 7476 <li class="list-group-item"> | 7477 <li class="list-group-item"> |
| 7477 <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/
websockets'))}}">WebSockets</a> | 7478 <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io
/websockets'))}}">WebSockets</a> |
| 7478 </li> | 7479 </li> |
| 7479 </ul> | 7480 </ul> |
| 7480 | 7481 |
| 7481 <br> | 7482 <br> |
| 7482 | 7483 |
| 7483 <ul class="list-group"> | 7484 <ul class="list-group"> |
| 7484 <li class="list-group-item"> | 7485 <li class="list-group-item"> |
| 7485 <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/
file/randomaccessfiles'))}}">Random Access Files</a> | 7486 <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io
/file/randomaccessfiles'))}}">Random Access Files</a> |
| 7486 </li> | 7487 </li> |
| 7487 </ul> | 7488 </ul> |
| 7488 | 7489 |
| 7489 <br> | 7490 <br> |
| 7490 | 7491 |
| 7491 <ul class="list-group"> | 7492 <ul class="list-group"> |
| 7492 <li class="list-group-item"> | 7493 <li class="list-group-item"> |
| 7493 <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/
processes'))}}">Processess</a> | 7494 <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io
/processes'))}}">Processess</a> |
| 7494 </li> | 7495 </li> |
| 7495 </ul> | 7496 </ul> |
| 7496 | 7497 |
| 7497 </div> | 7498 </div> |
| 7498 <br> | 7499 <br> |
| 7499 <hr> | 7500 <hr> |
| 7500 </template> | 7501 </template> |
| 7501 </polymer-element> | 7502 </polymer-element> |
| 7502 | 7503 |
| 7503 <polymer-element name="io-ref" extends="service-ref"> | 7504 <polymer-element name="io-ref" extends="service-ref"> |
| (...skipping 802 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 8306 background-color: #f5f5f5; | 8307 background-color: #f5f5f5; |
| 8307 border: 1px solid #e3e3e3; | 8308 border: 1px solid #e3e3e3; |
| 8308 border-radius: 4px; | 8309 border-radius: 4px; |
| 8309 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 8310 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 8310 } | 8311 } |
| 8311 | 8312 |
| 8312 .break-wrap { | 8313 .break-wrap { |
| 8313 word-wrap: break-word; | 8314 word-wrap: break-word; |
| 8314 } | 8315 } |
| 8315 </style> | 8316 </style> |
| 8316 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a> | 8317 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> |
| 8317 </template> | 8318 </template> |
| 8318 </polymer-element> | 8319 </polymer-element> |
| 8319 | 8320 |
| 8320 <polymer-element name="io-http-server-view" extends="observatory-element"> | 8321 <polymer-element name="io-http-server-view" extends="observatory-element"> |
| 8321 <template> | 8322 <template> |
| 8322 <style> | 8323 <style> |
| 8323 /* Global styles */ | 8324 /* Global styles */ |
| 8324 * { | 8325 * { |
| 8325 margin: 0; | 8326 margin: 0; |
| 8326 padding: 0; | 8327 padding: 0; |
| (...skipping 548 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 8875 background-color: #f5f5f5; | 8876 background-color: #f5f5f5; |
| 8876 border: 1px solid #e3e3e3; | 8877 border: 1px solid #e3e3e3; |
| 8877 border-radius: 4px; | 8878 border-radius: 4px; |
| 8878 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 8879 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 8879 } | 8880 } |
| 8880 | 8881 |
| 8881 .break-wrap { | 8882 .break-wrap { |
| 8882 word-wrap: break-word; | 8883 word-wrap: break-word; |
| 8883 } | 8884 } |
| 8884 </style> | 8885 </style> |
| 8885 <a href="{{ url }}">{{ name }}</a> | 8886 <a _href="{{ url }}">{{ name }}</a> |
| 8886 </template> | 8887 </template> |
| 8887 </polymer-element> | 8888 </polymer-element> |
| 8888 | 8889 |
| 8889 <polymer-element name="io-http-server-connection-view" extends="observatory-elem
ent"> | 8890 <polymer-element name="io-http-server-connection-view" extends="observatory-elem
ent"> |
| 8890 <template> | 8891 <template> |
| 8891 <style> | 8892 <style> |
| 8892 /* Global styles */ | 8893 /* Global styles */ |
| 8893 * { | 8894 * { |
| 8894 margin: 0; | 8895 margin: 0; |
| 8895 padding: 0; | 8896 padding: 0; |
| (...skipping 528 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 9424 background-color: #f5f5f5; | 9425 background-color: #f5f5f5; |
| 9425 border: 1px solid #e3e3e3; | 9426 border: 1px solid #e3e3e3; |
| 9426 border-radius: 4px; | 9427 border-radius: 4px; |
| 9427 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 9428 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 9428 } | 9429 } |
| 9429 | 9430 |
| 9430 .break-wrap { | 9431 .break-wrap { |
| 9431 word-wrap: break-word; | 9432 word-wrap: break-word; |
| 9432 } | 9433 } |
| 9433 </style> | 9434 </style> |
| 9434 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a> | 9435 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> |
| 9435 </template> | 9436 </template> |
| 9436 </polymer-element> | 9437 </polymer-element> |
| 9437 | 9438 |
| 9438 <polymer-element name="io-socket-list-view" extends="observatory-element"> | 9439 <polymer-element name="io-socket-list-view" extends="observatory-element"> |
| 9439 <template> | 9440 <template> |
| 9440 <style> | 9441 <style> |
| 9441 /* Global styles */ | 9442 /* Global styles */ |
| 9442 * { | 9443 * { |
| 9443 margin: 0; | 9444 margin: 0; |
| 9444 padding: 0; | 9445 padding: 0; |
| (...skipping 871 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 10316 background-color: #f5f5f5; | 10317 background-color: #f5f5f5; |
| 10317 border: 1px solid #e3e3e3; | 10318 border: 1px solid #e3e3e3; |
| 10318 border-radius: 4px; | 10319 border-radius: 4px; |
| 10319 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 10320 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 10320 } | 10321 } |
| 10321 | 10322 |
| 10322 .break-wrap { | 10323 .break-wrap { |
| 10323 word-wrap: break-word; | 10324 word-wrap: break-word; |
| 10324 } | 10325 } |
| 10325 </style> | 10326 </style> |
| 10326 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a> | 10327 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> |
| 10327 </template> | 10328 </template> |
| 10328 </polymer-element> | 10329 </polymer-element> |
| 10329 | 10330 |
| 10330 <polymer-element name="io-web-socket-list-view" extends="observatory-element"> | 10331 <polymer-element name="io-web-socket-list-view" extends="observatory-element"> |
| 10331 <template> | 10332 <template> |
| 10332 <style> | 10333 <style> |
| 10333 /* Global styles */ | 10334 /* Global styles */ |
| 10334 * { | 10335 * { |
| 10335 margin: 0; | 10336 margin: 0; |
| 10336 padding: 0; | 10337 padding: 0; |
| (...skipping 801 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 11138 background-color: #f5f5f5; | 11139 background-color: #f5f5f5; |
| 11139 border: 1px solid #e3e3e3; | 11140 border: 1px solid #e3e3e3; |
| 11140 border-radius: 4px; | 11141 border-radius: 4px; |
| 11141 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 11142 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 11142 } | 11143 } |
| 11143 | 11144 |
| 11144 .break-wrap { | 11145 .break-wrap { |
| 11145 word-wrap: break-word; | 11146 word-wrap: break-word; |
| 11146 } | 11147 } |
| 11147 </style> | 11148 </style> |
| 11148 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a> | 11149 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> |
| 11149 </template> | 11150 </template> |
| 11150 </polymer-element> | 11151 </polymer-element> |
| 11151 | 11152 |
| 11152 <polymer-element name="io-random-access-file-list-view" extends="observatory-ele
ment"> | 11153 <polymer-element name="io-random-access-file-list-view" extends="observatory-ele
ment"> |
| 11153 <template> | 11154 <template> |
| 11154 <style> | 11155 <style> |
| 11155 /* Global styles */ | 11156 /* Global styles */ |
| 11156 * { | 11157 * { |
| 11157 margin: 0; | 11158 margin: 0; |
| 11158 padding: 0; | 11159 padding: 0; |
| (...skipping 1091 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 12250 border: 1px solid #e3e3e3; | 12251 border: 1px solid #e3e3e3; |
| 12251 border-radius: 4px; | 12252 border-radius: 4px; |
| 12252 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 12253 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 12253 } | 12254 } |
| 12254 | 12255 |
| 12255 .break-wrap { | 12256 .break-wrap { |
| 12256 word-wrap: break-word; | 12257 word-wrap: break-word; |
| 12257 } | 12258 } |
| 12258 </style> | 12259 </style> |
| 12259 <template if="{{ small }}"> | 12260 <template if="{{ small }}"> |
| 12260 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a> | 12261 <a on-click="{{ goto }}" _href="{{ url }}">{{ name }}</a> |
| 12261 </template> | 12262 </template> |
| 12262 <template if="{{ !small }}"> | 12263 <template if="{{ !small }}"> |
| 12263 <a on-click="{{ goto }}" href="{{ url }}">({{ ref['pid'] }}) {{ name }} {{
ref['arguments'] }}</a> | 12264 <a on-click="{{ goto }}" _href="{{ url }}">({{ ref['pid'] }}) {{ name }} {
{ ref['arguments'] }}</a> |
| 12264 </template> | 12265 </template> |
| 12265 </template> | 12266 </template> |
| 12266 </polymer-element> | 12267 </polymer-element> |
| 12267 | 12268 |
| 12268 <polymer-element name="io-process-view" extends="observatory-element"> | 12269 <polymer-element name="io-process-view" extends="observatory-element"> |
| 12269 <template> | 12270 <template> |
| 12270 <style> | 12271 <style> |
| 12271 /* Global styles */ | 12272 /* Global styles */ |
| 12272 * { | 12273 * { |
| 12273 margin: 0; | 12274 margin: 0; |
| (...skipping 575 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 12849 background-color: #f5f5f5; | 12850 background-color: #f5f5f5; |
| 12850 border: 1px solid #e3e3e3; | 12851 border: 1px solid #e3e3e3; |
| 12851 border-radius: 4px; | 12852 border-radius: 4px; |
| 12852 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 12853 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 12853 } | 12854 } |
| 12854 | 12855 |
| 12855 .break-wrap { | 12856 .break-wrap { |
| 12856 word-wrap: break-word; | 12857 word-wrap: break-word; |
| 12857 } | 12858 } |
| 12858 </style> | 12859 </style> |
| 12859 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a> | 12860 <a on-click="{{ goto }}" _href="{{ url }}">{{ ref.name }}</a> |
| 12860 </template> | 12861 </template> |
| 12861 </polymer-element> | 12862 </polymer-element> |
| 12862 | 12863 |
| 12863 | 12864 |
| 12864 | 12865 |
| 12865 | 12866 |
| 12866 | 12867 |
| 12867 | 12868 |
| 12868 | 12869 |
| 12869 | 12870 |
| (...skipping 644 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 13514 <div class="memberValue"> | 13515 <div class="memberValue"> |
| 13515 {{ isolate.oldSpace.used | formatSize }} | 13516 {{ isolate.oldSpace.used | formatSize }} |
| 13516 of | 13517 of |
| 13517 {{ isolate.oldSpace.capacity | formatSize }} | 13518 {{ isolate.oldSpace.capacity | formatSize }} |
| 13518 </div> | 13519 </div> |
| 13519 </div> | 13520 </div> |
| 13520 </div> | 13521 </div> |
| 13521 <br> | 13522 <br> |
| 13522 <div class="memberItem"> | 13523 <div class="memberItem"> |
| 13523 <div class="memberValue"> | 13524 <div class="memberValue"> |
| 13524 See <a on-click="{{ goto }}" href="{{ gotoLink('/class-tree' + isola
te.link) }}">class hierarchy</a> | 13525 See <a on-click="{{ goto }}" _href="{{ gotoLink('/class-tree' + isol
ate.link) }}">class hierarchy</a> |
| 13525 </div> | 13526 </div> |
| 13526 </div> | 13527 </div> |
| 13527 <div class="memberItem"> | 13528 <div class="memberItem"> |
| 13528 <div class="memberValue"> | 13529 <div class="memberValue"> |
| 13529 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'stacktrace')) }}">stack trace</a> | 13530 See <a on-click="{{ goto }}" _href="{{ gotoLink(isolate.relativeLink
('stacktrace')) }}">stack trace</a> |
| 13530 </div> | 13531 </div> |
| 13531 </div> | 13532 </div> |
| 13532 <div class="memberItem"> | 13533 <div class="memberItem"> |
| 13533 <div class="memberValue"> | 13534 <div class="memberValue"> |
| 13534 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'profile')) }}">cpu profile</a> | 13535 See <a on-click="{{ goto }}" _href="{{ gotoLink(isolate.relativeLink
('profile')) }}">cpu profile</a> |
| 13535 </div> | 13536 </div> |
| 13536 </div> | 13537 </div> |
| 13537 <div class="memberItem"> | 13538 <div class="memberItem"> |
| 13538 <div class="memberValue"> | 13539 <div class="memberValue"> |
| 13539 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'allocationprofile')) }}">allocation profile</a> | 13540 See <a on-click="{{ goto }}" _href="{{ gotoLink(isolate.relativeLink
('allocationprofile')) }}">allocation profile</a> |
| 13540 </div> | 13541 </div> |
| 13541 </div> | 13542 </div> |
| 13542 <div class="memberItem"> | 13543 <div class="memberItem"> |
| 13543 <div class="memberValue"> | 13544 <div class="memberValue"> |
| 13544 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'heapmap')) }}">heap map</a> | 13545 See <a on-click="{{ goto }}" _href="{{ gotoLink(isolate.relativeLink
('heapmap')) }}">heap map</a> |
| 13546 </div> |
| 13547 </div> |
| 13548 <div class="memberItem"> |
| 13549 <div class="memberValue"> |
| 13550 See <a on-click="{{ goto }}" _href="{{ gotoLink(isolate.relativeLink
('metrics')) }}">metrics</a> |
| 13545 </div> | 13551 </div> |
| 13546 </div> | 13552 </div> |
| 13547 <!-- Temporarily disabled until UI for dart:io is acceptable. | 13553 <!-- Temporarily disabled until UI for dart:io is acceptable. |
| 13548 <template if="{{ isolate.ioEnabled }}"> | 13554 <template if="{{ isolate.ioEnabled }}"> |
| 13549 <div class="memberItem"> | 13555 <div class="memberItem"> |
| 13550 <div class="memberValue"> | 13556 <div class="memberValue"> |
| 13551 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLin
k('io')) }}">dart:io</a> | 13557 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLin
k('io')) }}">dart:io</a> |
| 13552 </div> | 13558 </div> |
| 13553 </div> | 13559 </div> |
| 13554 </template> | 13560 </template> |
| (...skipping 361 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 13916 </div> | 13922 </div> |
| 13917 <div class="memberItem"> | 13923 <div class="memberItem"> |
| 13918 <div class="memberName">isolate id</div> | 13924 <div class="memberName">isolate id</div> |
| 13919 <div class="memberValue">{{ isolate.mainPort }}</div> | 13925 <div class="memberValue">{{ isolate.mainPort }}</div> |
| 13920 </div> | 13926 </div> |
| 13921 </div> | 13927 </div> |
| 13922 </div> | 13928 </div> |
| 13923 <div class="flex-item-50-percent"> | 13929 <div class="flex-item-50-percent"> |
| 13924 <div class="memberItem"> | 13930 <div class="memberItem"> |
| 13925 <div class="memberValue"> | 13931 <div class="memberValue"> |
| 13926 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLin
k('debug/breakpoints')) }}">breakpoints</a> | 13932 See <a on-click="{{ goto }}" _href="{{ gotoLink(isolate.relativeLi
nk('debug/breakpoints')) }}">breakpoints</a> |
| 13927 </div> | 13933 </div> |
| 13928 </div> | 13934 </div> |
| 13929 </div> | 13935 </div> |
| 13930 </div> | 13936 </div> |
| 13931 </div> | 13937 </div> |
| 13932 | 13938 |
| 13933 <hr> | 13939 <hr> |
| 13934 | 13940 |
| 13935 <div class="content"> | 13941 <div class="content"> |
| 13936 libraries ({{ isolate.libraries.length }}) | 13942 libraries ({{ isolate.libraries.length }}) |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 13974 | 13980 |
| 13975 | 13981 |
| 13976 | 13982 |
| 13977 | 13983 |
| 13978 | 13984 |
| 13979 | 13985 |
| 13980 | 13986 |
| 13981 | 13987 |
| 13982 | 13988 |
| 13983 | 13989 |
| 13990 |
| 13984 <polymer-element name="inbound-reference" extends="service-ref"> | 13991 <polymer-element name="inbound-reference" extends="service-ref"> |
| 13985 <template> | 13992 <template> |
| 13986 <style> | 13993 <style> |
| 13987 /* Global styles */ | 13994 /* Global styles */ |
| 13988 * { | 13995 * { |
| 13989 margin: 0; | 13996 margin: 0; |
| 13990 padding: 0; | 13997 padding: 0; |
| 13991 font: 400 14px 'Montserrat', sans-serif; | 13998 font: 400 14px 'Montserrat', sans-serif; |
| 13992 color: #333; | 13999 color: #333; |
| 13993 box-sizing: border-box; | 14000 box-sizing: border-box; |
| (...skipping 1123 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 15117 <br><br><br><br> | 15124 <br><br><br><br> |
| 15118 <br><br><br><br> | 15125 <br><br><br><br> |
| 15119 </template> | 15126 </template> |
| 15120 </polymer-element> | 15127 </polymer-element> |
| 15121 | 15128 |
| 15122 | 15129 |
| 15123 | 15130 |
| 15124 | 15131 |
| 15125 | 15132 |
| 15126 | 15133 |
| 15127 | 15134 <polymer-element name="metrics-page" extends="observatory-element"> |
| 15128 | 15135 <template> |
| 15129 | 15136 <style> |
| 15137 /* Global styles */ |
| 15138 * { |
| 15139 margin: 0; |
| 15140 padding: 0; |
| 15141 font: 400 14px 'Montserrat', sans-serif; |
| 15142 color: #333; |
| 15143 box-sizing: border-box; |
| 15144 } |
| 15145 |
| 15146 .content { |
| 15147 padding-left: 10%; |
| 15148 font: 400 14px 'Montserrat', sans-serif; |
| 15149 } |
| 15150 |
| 15151 .content-centered { |
| 15152 padding-left: 10%; |
| 15153 padding-right: 10%; |
| 15154 font: 400 14px 'Montserrat', sans-serif; |
| 15155 } |
| 15156 |
| 15157 .content-centered-big { |
| 15158 padding-left: 5%; |
| 15159 padding-right: 5%; |
| 15160 font: 400 14px 'Montserrat', sans-serif; |
| 15161 } |
| 15162 |
| 15163 h1 { |
| 15164 font: 400 18px 'Montserrat', sans-serif; |
| 15165 } |
| 15166 |
| 15167 .memberList { |
| 15168 display: table; |
| 15169 } |
| 15170 |
| 15171 .memberItem { |
| 15172 display: table-row; |
| 15173 } |
| 15174 |
| 15175 .memberName, .memberValue { |
| 15176 display: table-cell; |
| 15177 vertical-align: top; |
| 15178 padding: 3px 0 3px 1em; |
| 15179 font: 400 14px 'Montserrat', sans-serif; |
| 15180 } |
| 15181 |
| 15182 .memberSmall { |
| 15183 display: table-cell; |
| 15184 vertical-align: top; |
| 15185 padding: 3px 0 3px 1em; |
| 15186 font: 400 12px 'Montserrat', sans-serif; |
| 15187 } |
| 15188 |
| 15189 .monospace { |
| 15190 font-family: consolas, courier, monospace; |
| 15191 font-size: 1em; |
| 15192 line-height: 1.2em; |
| 15193 white-space: nowrap; |
| 15194 } |
| 15195 |
| 15196 a { |
| 15197 color: #0489c3; |
| 15198 text-decoration: none; |
| 15199 } |
| 15200 |
| 15201 a:hover { |
| 15202 text-decoration: underline; |
| 15203 } |
| 15204 |
| 15205 em { |
| 15206 color: inherit; |
| 15207 font-style: italic; |
| 15208 } |
| 15209 |
| 15210 b { |
| 15211 color: inherit; |
| 15212 font-weight: bold; |
| 15213 } |
| 15214 |
| 15215 hr { |
| 15216 margin-top: 20px; |
| 15217 margin-bottom: 20px; |
| 15218 border: 0; |
| 15219 border-top: 1px solid #eee; |
| 15220 height: 0; |
| 15221 box-sizing: content-box; |
| 15222 } |
| 15223 |
| 15224 .list-group { |
| 15225 padding-left: 0; |
| 15226 margin-bottom: 20px; |
| 15227 } |
| 15228 |
| 15229 .list-group-item { |
| 15230 position: relative; |
| 15231 display: block; |
| 15232 padding: 10px 15px; |
| 15233 margin-bottom: -1px; |
| 15234 background-color: #fff; |
| 15235 } |
| 15236 |
| 15237 .list-group-item:first-child { |
| 15238 /* rounded top corners */ |
| 15239 border-top-right-radius:4px; |
| 15240 border-top-left-radius:4px; |
| 15241 } |
| 15242 |
| 15243 .list-group-item:last-child { |
| 15244 margin-bottom: 0; |
| 15245 /* rounded bottom corners */ |
| 15246 border-bottom-right-radius: 4px; |
| 15247 border-bottom-left-radius:4px; |
| 15248 } |
| 15249 |
| 15250 /* Flex row container */ |
| 15251 .flex-row { |
| 15252 display: flex; |
| 15253 flex-direction: row; |
| 15254 } |
| 15255 |
| 15256 /* Flex column container */ |
| 15257 .flex-column { |
| 15258 display: flex; |
| 15259 flex-direction: column; |
| 15260 } |
| 15261 |
| 15262 .flex-item-fit { |
| 15263 flex-grow: 1; |
| 15264 flex-shrink: 1; |
| 15265 flex-basis: auto; |
| 15266 } |
| 15267 |
| 15268 .flex-item-no-shrink { |
| 15269 flex-grow: 0; |
| 15270 flex-shrink: 0; |
| 15271 flex-basis: auto; |
| 15272 } |
| 15273 |
| 15274 .flex-item-fill { |
| 15275 flex-grow: 0; |
| 15276 flex-shrink: 1; /* shrink when pressured */ |
| 15277 flex-basis: 100%; /* try and take 100% */ |
| 15278 } |
| 15279 |
| 15280 .flex-item-fixed-1-12 { |
| 15281 flex-grow: 0; |
| 15282 flex-shrink: 0; |
| 15283 flex-basis: 8.3%; |
| 15284 } |
| 15285 |
| 15286 .flex-item-fixed-2-12 { |
| 15287 flex-grow: 0; |
| 15288 flex-shrink: 0; |
| 15289 flex-basis: 16.6%; |
| 15290 } |
| 15291 |
| 15292 .flex-item-fixed-4-12 { |
| 15293 flex-grow: 0; |
| 15294 flex-shrink: 0; |
| 15295 flex-basis: 33.3333%; |
| 15296 } |
| 15297 |
| 15298 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 15299 flex-grow: 0; |
| 15300 flex-shrink: 0; |
| 15301 flex-basis: 50%; |
| 15302 } |
| 15303 |
| 15304 .flex-item-fixed-8-12 { |
| 15305 flex-grow: 0; |
| 15306 flex-shrink: 0; |
| 15307 flex-basis: 66.6666%; |
| 15308 } |
| 15309 |
| 15310 .flex-item-fixed-9-12 { |
| 15311 flex-grow: 0; |
| 15312 flex-shrink: 0; |
| 15313 flex-basis: 75%; |
| 15314 } |
| 15315 |
| 15316 |
| 15317 .flex-item-fixed-12-12 { |
| 15318 flex-grow: 0; |
| 15319 flex-shrink: 0; |
| 15320 flex-basis: 100%; |
| 15321 } |
| 15322 |
| 15323 .flex-item-10-percent { |
| 15324 flex-grow: 0; |
| 15325 flex-shrink: 0; |
| 15326 flex-basis: 10%; |
| 15327 } |
| 15328 |
| 15329 .flex-item-15-percent { |
| 15330 flex-grow: 0; |
| 15331 flex-shrink: 0; |
| 15332 flex-basis: 15%; |
| 15333 } |
| 15334 |
| 15335 .flex-item-20-percent { |
| 15336 flex-grow: 0; |
| 15337 flex-shrink: 0; |
| 15338 flex-basis: 20%; |
| 15339 } |
| 15340 |
| 15341 .flex-item-30-percent { |
| 15342 flex-grow: 0; |
| 15343 flex-shrink: 0; |
| 15344 flex-basis: 30%; |
| 15345 } |
| 15346 |
| 15347 .flex-item-40-percent { |
| 15348 flex-grow: 0; |
| 15349 flex-shrink: 0; |
| 15350 flex-basis: 40%; |
| 15351 } |
| 15352 |
| 15353 .flex-item-50-percent { |
| 15354 flex-grow: 0; |
| 15355 flex-shrink: 0; |
| 15356 flex-basis: 50%; |
| 15357 } |
| 15358 |
| 15359 .flex-item-60-percent { |
| 15360 flex-grow: 0; |
| 15361 flex-shrink: 0; |
| 15362 flex-basis: 60%; |
| 15363 } |
| 15364 |
| 15365 .flex-item-70-percent { |
| 15366 flex-grow: 0; |
| 15367 flex-shrink: 0; |
| 15368 flex-basis: 70%; |
| 15369 } |
| 15370 |
| 15371 .flex-item-80-percent { |
| 15372 flex-grow: 0; |
| 15373 flex-shrink: 0; |
| 15374 flex-basis: 80%; |
| 15375 } |
| 15376 |
| 15377 .well { |
| 15378 min-height: 20px; |
| 15379 padding: 19px; |
| 15380 margin-bottom: 20px; |
| 15381 background-color: #f5f5f5; |
| 15382 border: 1px solid #e3e3e3; |
| 15383 border-radius: 4px; |
| 15384 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 15385 } |
| 15386 |
| 15387 .break-wrap { |
| 15388 word-wrap: break-word; |
| 15389 } |
| 15390 </style> |
| 15391 <style> |
| 15392 ul li:hover:not(.selected) { |
| 15393 background-color: #FFF3E3; |
| 15394 } |
| 15395 .selected { |
| 15396 background-color: #0489c3; |
| 15397 } |
| 15398 .graph { |
| 15399 min-height: 600px; |
| 15400 } |
| 15401 </style> |
| 15402 <nav-bar> |
| 15403 <top-nav-menu last="{{ true }}"></top-nav-menu> |
| 15404 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 15405 <nav-control></nav-control> |
| 15406 </nav-bar> |
| 15407 <div class="flex-row"> |
| 15408 <div class="flex-item-20-percent"> |
| 15409 <ul> |
| 15410 <template repeat="{{ metric in isolate.dartMetrics.values }}"> |
| 15411 <template if="{{ metric == selectedMetric }}"> |
| 15412 <li class="selected"> |
| 15413 {{ metric.name }} |
| 15414 </li> |
| 15415 </template> |
| 15416 <template if="{{ metric != selectedMetric }}"> |
| 15417 <li on-click="{{ selectMetric }}" data-id="{{ metric.id }}"> |
| 15418 {{ metric.name }} |
| 15419 </li> |
| 15420 </template> |
| 15421 </template> |
| 15422 <template repeat="{{ metric in isolate.vmMetrics.values }}"> |
| 15423 <template if="{{ metric == selectedMetric }}"> |
| 15424 <li class="selected"> |
| 15425 {{ metric.name }} |
| 15426 </li> |
| 15427 </template> |
| 15428 <template if="{{ metric != selectedMetric }}"> |
| 15429 <li on-click="{{ selectMetric }}" data-id="{{ metric.id }}"> |
| 15430 {{ metric.name }} |
| 15431 </li> |
| 15432 </template> |
| 15433 </template> |
| 15434 </ul> |
| 15435 </div> |
| 15436 <div class="flex-item-80-percent"> |
| 15437 <metrics-graph isolate="{{ isolate }}" metric="{{ selectedMetric }}"> |
| 15438 </metrics-graph> |
| 15439 <div> |
| 15440 <metric-details page="{{ page }}" metric="{{ selectedMetric }}"> |
| 15441 </metric-details> |
| 15442 </div> |
| 15443 </div> |
| 15444 </div> |
| 15445 </template> |
| 15446 </polymer-element> |
| 15447 |
| 15448 <polymer-element name="metric-details" extends="observatory-element"> |
| 15449 <template> |
| 15450 <style> |
| 15451 /* Global styles */ |
| 15452 * { |
| 15453 margin: 0; |
| 15454 padding: 0; |
| 15455 font: 400 14px 'Montserrat', sans-serif; |
| 15456 color: #333; |
| 15457 box-sizing: border-box; |
| 15458 } |
| 15459 |
| 15460 .content { |
| 15461 padding-left: 10%; |
| 15462 font: 400 14px 'Montserrat', sans-serif; |
| 15463 } |
| 15464 |
| 15465 .content-centered { |
| 15466 padding-left: 10%; |
| 15467 padding-right: 10%; |
| 15468 font: 400 14px 'Montserrat', sans-serif; |
| 15469 } |
| 15470 |
| 15471 .content-centered-big { |
| 15472 padding-left: 5%; |
| 15473 padding-right: 5%; |
| 15474 font: 400 14px 'Montserrat', sans-serif; |
| 15475 } |
| 15476 |
| 15477 h1 { |
| 15478 font: 400 18px 'Montserrat', sans-serif; |
| 15479 } |
| 15480 |
| 15481 .memberList { |
| 15482 display: table; |
| 15483 } |
| 15484 |
| 15485 .memberItem { |
| 15486 display: table-row; |
| 15487 } |
| 15488 |
| 15489 .memberName, .memberValue { |
| 15490 display: table-cell; |
| 15491 vertical-align: top; |
| 15492 padding: 3px 0 3px 1em; |
| 15493 font: 400 14px 'Montserrat', sans-serif; |
| 15494 } |
| 15495 |
| 15496 .memberSmall { |
| 15497 display: table-cell; |
| 15498 vertical-align: top; |
| 15499 padding: 3px 0 3px 1em; |
| 15500 font: 400 12px 'Montserrat', sans-serif; |
| 15501 } |
| 15502 |
| 15503 .monospace { |
| 15504 font-family: consolas, courier, monospace; |
| 15505 font-size: 1em; |
| 15506 line-height: 1.2em; |
| 15507 white-space: nowrap; |
| 15508 } |
| 15509 |
| 15510 a { |
| 15511 color: #0489c3; |
| 15512 text-decoration: none; |
| 15513 } |
| 15514 |
| 15515 a:hover { |
| 15516 text-decoration: underline; |
| 15517 } |
| 15518 |
| 15519 em { |
| 15520 color: inherit; |
| 15521 font-style: italic; |
| 15522 } |
| 15523 |
| 15524 b { |
| 15525 color: inherit; |
| 15526 font-weight: bold; |
| 15527 } |
| 15528 |
| 15529 hr { |
| 15530 margin-top: 20px; |
| 15531 margin-bottom: 20px; |
| 15532 border: 0; |
| 15533 border-top: 1px solid #eee; |
| 15534 height: 0; |
| 15535 box-sizing: content-box; |
| 15536 } |
| 15537 |
| 15538 .list-group { |
| 15539 padding-left: 0; |
| 15540 margin-bottom: 20px; |
| 15541 } |
| 15542 |
| 15543 .list-group-item { |
| 15544 position: relative; |
| 15545 display: block; |
| 15546 padding: 10px 15px; |
| 15547 margin-bottom: -1px; |
| 15548 background-color: #fff; |
| 15549 } |
| 15550 |
| 15551 .list-group-item:first-child { |
| 15552 /* rounded top corners */ |
| 15553 border-top-right-radius:4px; |
| 15554 border-top-left-radius:4px; |
| 15555 } |
| 15556 |
| 15557 .list-group-item:last-child { |
| 15558 margin-bottom: 0; |
| 15559 /* rounded bottom corners */ |
| 15560 border-bottom-right-radius: 4px; |
| 15561 border-bottom-left-radius:4px; |
| 15562 } |
| 15563 |
| 15564 /* Flex row container */ |
| 15565 .flex-row { |
| 15566 display: flex; |
| 15567 flex-direction: row; |
| 15568 } |
| 15569 |
| 15570 /* Flex column container */ |
| 15571 .flex-column { |
| 15572 display: flex; |
| 15573 flex-direction: column; |
| 15574 } |
| 15575 |
| 15576 .flex-item-fit { |
| 15577 flex-grow: 1; |
| 15578 flex-shrink: 1; |
| 15579 flex-basis: auto; |
| 15580 } |
| 15581 |
| 15582 .flex-item-no-shrink { |
| 15583 flex-grow: 0; |
| 15584 flex-shrink: 0; |
| 15585 flex-basis: auto; |
| 15586 } |
| 15587 |
| 15588 .flex-item-fill { |
| 15589 flex-grow: 0; |
| 15590 flex-shrink: 1; /* shrink when pressured */ |
| 15591 flex-basis: 100%; /* try and take 100% */ |
| 15592 } |
| 15593 |
| 15594 .flex-item-fixed-1-12 { |
| 15595 flex-grow: 0; |
| 15596 flex-shrink: 0; |
| 15597 flex-basis: 8.3%; |
| 15598 } |
| 15599 |
| 15600 .flex-item-fixed-2-12 { |
| 15601 flex-grow: 0; |
| 15602 flex-shrink: 0; |
| 15603 flex-basis: 16.6%; |
| 15604 } |
| 15605 |
| 15606 .flex-item-fixed-4-12 { |
| 15607 flex-grow: 0; |
| 15608 flex-shrink: 0; |
| 15609 flex-basis: 33.3333%; |
| 15610 } |
| 15611 |
| 15612 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 15613 flex-grow: 0; |
| 15614 flex-shrink: 0; |
| 15615 flex-basis: 50%; |
| 15616 } |
| 15617 |
| 15618 .flex-item-fixed-8-12 { |
| 15619 flex-grow: 0; |
| 15620 flex-shrink: 0; |
| 15621 flex-basis: 66.6666%; |
| 15622 } |
| 15623 |
| 15624 .flex-item-fixed-9-12 { |
| 15625 flex-grow: 0; |
| 15626 flex-shrink: 0; |
| 15627 flex-basis: 75%; |
| 15628 } |
| 15629 |
| 15630 |
| 15631 .flex-item-fixed-12-12 { |
| 15632 flex-grow: 0; |
| 15633 flex-shrink: 0; |
| 15634 flex-basis: 100%; |
| 15635 } |
| 15636 |
| 15637 .flex-item-10-percent { |
| 15638 flex-grow: 0; |
| 15639 flex-shrink: 0; |
| 15640 flex-basis: 10%; |
| 15641 } |
| 15642 |
| 15643 .flex-item-15-percent { |
| 15644 flex-grow: 0; |
| 15645 flex-shrink: 0; |
| 15646 flex-basis: 15%; |
| 15647 } |
| 15648 |
| 15649 .flex-item-20-percent { |
| 15650 flex-grow: 0; |
| 15651 flex-shrink: 0; |
| 15652 flex-basis: 20%; |
| 15653 } |
| 15654 |
| 15655 .flex-item-30-percent { |
| 15656 flex-grow: 0; |
| 15657 flex-shrink: 0; |
| 15658 flex-basis: 30%; |
| 15659 } |
| 15660 |
| 15661 .flex-item-40-percent { |
| 15662 flex-grow: 0; |
| 15663 flex-shrink: 0; |
| 15664 flex-basis: 40%; |
| 15665 } |
| 15666 |
| 15667 .flex-item-50-percent { |
| 15668 flex-grow: 0; |
| 15669 flex-shrink: 0; |
| 15670 flex-basis: 50%; |
| 15671 } |
| 15672 |
| 15673 .flex-item-60-percent { |
| 15674 flex-grow: 0; |
| 15675 flex-shrink: 0; |
| 15676 flex-basis: 60%; |
| 15677 } |
| 15678 |
| 15679 .flex-item-70-percent { |
| 15680 flex-grow: 0; |
| 15681 flex-shrink: 0; |
| 15682 flex-basis: 70%; |
| 15683 } |
| 15684 |
| 15685 .flex-item-80-percent { |
| 15686 flex-grow: 0; |
| 15687 flex-shrink: 0; |
| 15688 flex-basis: 80%; |
| 15689 } |
| 15690 |
| 15691 .well { |
| 15692 min-height: 20px; |
| 15693 padding: 19px; |
| 15694 margin-bottom: 20px; |
| 15695 background-color: #f5f5f5; |
| 15696 border: 1px solid #e3e3e3; |
| 15697 border-radius: 4px; |
| 15698 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 15699 } |
| 15700 |
| 15701 .break-wrap { |
| 15702 word-wrap: break-word; |
| 15703 } |
| 15704 </style> |
| 15705 <div class="content-centered"> |
| 15706 <div class="memberList"> |
| 15707 <div class="memberItem"> |
| 15708 <div class="memberName">name</div> |
| 15709 <div class="memberValue">{{ metric.name }}</div> |
| 15710 </div> |
| 15711 <div class="memberItem"> |
| 15712 <div class="memberName">description</div> |
| 15713 <div class="memberValue">{{ metric.description }}</div> |
| 15714 </div> |
| 15715 <div class="memberItem"> |
| 15716 <div class="memberName">current value</div> |
| 15717 <div class="memberValue">{{ metric.value }}</div> |
| 15718 </div> |
| 15719 <template if="{{ (metric != null) && (metric.min != null) }}"> |
| 15720 <div class="memberItem"> |
| 15721 <div class="memberName">minimum</div> |
| 15722 <div class="memberValue">{{ metric.min }}</div> |
| 15723 </div> |
| 15724 </template> |
| 15725 <template if="{{ (metric != null) && (metric.max != null) }}"> |
| 15726 <div class="memberItem"> |
| 15727 <div class="memberName">maximum</div> |
| 15728 <div class="memberValue">{{ metric.max }}</div> |
| 15729 </div> |
| 15730 </template> |
| 15731 <div class="memberItem"> |
| 15732 <div class="memberName">refresh rate</div> |
| 15733 <div class="memberValue"> |
| 15734 <select id="refreshrate" on-change="{{ refreshRateChange }}"> |
| 15735 <!-- These must be kept in sync with POLL_PERIODS in MetricsPage |
| 15736 in object.dart --> |
| 15737 <option value="8000">Every eight seconds</option> |
| 15738 <option value="4000">Every four seconds</option> |
| 15739 <option value="2000">Every two seconds</option> |
| 15740 <option value="1000">Once a second</option> |
| 15741 <option value="100">Ten times per second</option> |
| 15742 <option value="0" selected="selected">Never</option> |
| 15743 </select> |
| 15744 </div> |
| 15745 </div> |
| 15746 <div class="memberItem"> |
| 15747 <div class="memberName">sample buffer size</div> |
| 15748 <div class="memberValue"> |
| 15749 <select id="buffersize" on-change="{{ sampleBufferSizeChange }}"> |
| 15750 <option value="10">10</option> |
| 15751 <option value="100" selected="selected">100</option> |
| 15752 <option value="1000">1000</option> |
| 15753 </select> |
| 15754 </div> |
| 15755 </div> |
| 15756 </div> |
| 15757 </div> |
| 15758 </template> |
| 15759 </polymer-element> |
| 15760 |
| 15761 <polymer-element name="metrics-graph" extends="observatory-element"> |
| 15762 <template> |
| 15763 <style> |
| 15764 /* Global styles */ |
| 15765 * { |
| 15766 margin: 0; |
| 15767 padding: 0; |
| 15768 font: 400 14px 'Montserrat', sans-serif; |
| 15769 color: #333; |
| 15770 box-sizing: border-box; |
| 15771 } |
| 15772 |
| 15773 .content { |
| 15774 padding-left: 10%; |
| 15775 font: 400 14px 'Montserrat', sans-serif; |
| 15776 } |
| 15777 |
| 15778 .content-centered { |
| 15779 padding-left: 10%; |
| 15780 padding-right: 10%; |
| 15781 font: 400 14px 'Montserrat', sans-serif; |
| 15782 } |
| 15783 |
| 15784 .content-centered-big { |
| 15785 padding-left: 5%; |
| 15786 padding-right: 5%; |
| 15787 font: 400 14px 'Montserrat', sans-serif; |
| 15788 } |
| 15789 |
| 15790 h1 { |
| 15791 font: 400 18px 'Montserrat', sans-serif; |
| 15792 } |
| 15793 |
| 15794 .memberList { |
| 15795 display: table; |
| 15796 } |
| 15797 |
| 15798 .memberItem { |
| 15799 display: table-row; |
| 15800 } |
| 15801 |
| 15802 .memberName, .memberValue { |
| 15803 display: table-cell; |
| 15804 vertical-align: top; |
| 15805 padding: 3px 0 3px 1em; |
| 15806 font: 400 14px 'Montserrat', sans-serif; |
| 15807 } |
| 15808 |
| 15809 .memberSmall { |
| 15810 display: table-cell; |
| 15811 vertical-align: top; |
| 15812 padding: 3px 0 3px 1em; |
| 15813 font: 400 12px 'Montserrat', sans-serif; |
| 15814 } |
| 15815 |
| 15816 .monospace { |
| 15817 font-family: consolas, courier, monospace; |
| 15818 font-size: 1em; |
| 15819 line-height: 1.2em; |
| 15820 white-space: nowrap; |
| 15821 } |
| 15822 |
| 15823 a { |
| 15824 color: #0489c3; |
| 15825 text-decoration: none; |
| 15826 } |
| 15827 |
| 15828 a:hover { |
| 15829 text-decoration: underline; |
| 15830 } |
| 15831 |
| 15832 em { |
| 15833 color: inherit; |
| 15834 font-style: italic; |
| 15835 } |
| 15836 |
| 15837 b { |
| 15838 color: inherit; |
| 15839 font-weight: bold; |
| 15840 } |
| 15841 |
| 15842 hr { |
| 15843 margin-top: 20px; |
| 15844 margin-bottom: 20px; |
| 15845 border: 0; |
| 15846 border-top: 1px solid #eee; |
| 15847 height: 0; |
| 15848 box-sizing: content-box; |
| 15849 } |
| 15850 |
| 15851 .list-group { |
| 15852 padding-left: 0; |
| 15853 margin-bottom: 20px; |
| 15854 } |
| 15855 |
| 15856 .list-group-item { |
| 15857 position: relative; |
| 15858 display: block; |
| 15859 padding: 10px 15px; |
| 15860 margin-bottom: -1px; |
| 15861 background-color: #fff; |
| 15862 } |
| 15863 |
| 15864 .list-group-item:first-child { |
| 15865 /* rounded top corners */ |
| 15866 border-top-right-radius:4px; |
| 15867 border-top-left-radius:4px; |
| 15868 } |
| 15869 |
| 15870 .list-group-item:last-child { |
| 15871 margin-bottom: 0; |
| 15872 /* rounded bottom corners */ |
| 15873 border-bottom-right-radius: 4px; |
| 15874 border-bottom-left-radius:4px; |
| 15875 } |
| 15876 |
| 15877 /* Flex row container */ |
| 15878 .flex-row { |
| 15879 display: flex; |
| 15880 flex-direction: row; |
| 15881 } |
| 15882 |
| 15883 /* Flex column container */ |
| 15884 .flex-column { |
| 15885 display: flex; |
| 15886 flex-direction: column; |
| 15887 } |
| 15888 |
| 15889 .flex-item-fit { |
| 15890 flex-grow: 1; |
| 15891 flex-shrink: 1; |
| 15892 flex-basis: auto; |
| 15893 } |
| 15894 |
| 15895 .flex-item-no-shrink { |
| 15896 flex-grow: 0; |
| 15897 flex-shrink: 0; |
| 15898 flex-basis: auto; |
| 15899 } |
| 15900 |
| 15901 .flex-item-fill { |
| 15902 flex-grow: 0; |
| 15903 flex-shrink: 1; /* shrink when pressured */ |
| 15904 flex-basis: 100%; /* try and take 100% */ |
| 15905 } |
| 15906 |
| 15907 .flex-item-fixed-1-12 { |
| 15908 flex-grow: 0; |
| 15909 flex-shrink: 0; |
| 15910 flex-basis: 8.3%; |
| 15911 } |
| 15912 |
| 15913 .flex-item-fixed-2-12 { |
| 15914 flex-grow: 0; |
| 15915 flex-shrink: 0; |
| 15916 flex-basis: 16.6%; |
| 15917 } |
| 15918 |
| 15919 .flex-item-fixed-4-12 { |
| 15920 flex-grow: 0; |
| 15921 flex-shrink: 0; |
| 15922 flex-basis: 33.3333%; |
| 15923 } |
| 15924 |
| 15925 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 15926 flex-grow: 0; |
| 15927 flex-shrink: 0; |
| 15928 flex-basis: 50%; |
| 15929 } |
| 15930 |
| 15931 .flex-item-fixed-8-12 { |
| 15932 flex-grow: 0; |
| 15933 flex-shrink: 0; |
| 15934 flex-basis: 66.6666%; |
| 15935 } |
| 15936 |
| 15937 .flex-item-fixed-9-12 { |
| 15938 flex-grow: 0; |
| 15939 flex-shrink: 0; |
| 15940 flex-basis: 75%; |
| 15941 } |
| 15942 |
| 15943 |
| 15944 .flex-item-fixed-12-12 { |
| 15945 flex-grow: 0; |
| 15946 flex-shrink: 0; |
| 15947 flex-basis: 100%; |
| 15948 } |
| 15949 |
| 15950 .flex-item-10-percent { |
| 15951 flex-grow: 0; |
| 15952 flex-shrink: 0; |
| 15953 flex-basis: 10%; |
| 15954 } |
| 15955 |
| 15956 .flex-item-15-percent { |
| 15957 flex-grow: 0; |
| 15958 flex-shrink: 0; |
| 15959 flex-basis: 15%; |
| 15960 } |
| 15961 |
| 15962 .flex-item-20-percent { |
| 15963 flex-grow: 0; |
| 15964 flex-shrink: 0; |
| 15965 flex-basis: 20%; |
| 15966 } |
| 15967 |
| 15968 .flex-item-30-percent { |
| 15969 flex-grow: 0; |
| 15970 flex-shrink: 0; |
| 15971 flex-basis: 30%; |
| 15972 } |
| 15973 |
| 15974 .flex-item-40-percent { |
| 15975 flex-grow: 0; |
| 15976 flex-shrink: 0; |
| 15977 flex-basis: 40%; |
| 15978 } |
| 15979 |
| 15980 .flex-item-50-percent { |
| 15981 flex-grow: 0; |
| 15982 flex-shrink: 0; |
| 15983 flex-basis: 50%; |
| 15984 } |
| 15985 |
| 15986 .flex-item-60-percent { |
| 15987 flex-grow: 0; |
| 15988 flex-shrink: 0; |
| 15989 flex-basis: 60%; |
| 15990 } |
| 15991 |
| 15992 .flex-item-70-percent { |
| 15993 flex-grow: 0; |
| 15994 flex-shrink: 0; |
| 15995 flex-basis: 70%; |
| 15996 } |
| 15997 |
| 15998 .flex-item-80-percent { |
| 15999 flex-grow: 0; |
| 16000 flex-shrink: 0; |
| 16001 flex-basis: 80%; |
| 16002 } |
| 16003 |
| 16004 .well { |
| 16005 min-height: 20px; |
| 16006 padding: 19px; |
| 16007 margin-bottom: 20px; |
| 16008 background-color: #f5f5f5; |
| 16009 border: 1px solid #e3e3e3; |
| 16010 border-radius: 4px; |
| 16011 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 16012 } |
| 16013 |
| 16014 .break-wrap { |
| 16015 word-wrap: break-word; |
| 16016 } |
| 16017 </style> |
| 16018 <style> |
| 16019 .graph { |
| 16020 min-height: 600px; |
| 16021 } |
| 16022 </style> |
| 16023 <div id="graph" class="graph"> |
| 16024 </div> |
| 16025 </template> |
| 16026 </polymer-element> |
| 16027 |
| 16028 |
| 16029 |
| 16030 |
| 16031 |
| 16032 |
| 16033 |
| 16034 |
| 16035 |
| 15130 | 16036 |
| 15131 | 16037 |
| 15132 | 16038 |
| 15133 | 16039 |
| 15134 | 16040 |
| 15135 | 16041 |
| 15136 | 16042 |
| 15137 | 16043 |
| 15138 | 16044 |
| 15139 | 16045 |
| (...skipping 1832 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 16972 <div class="memberName">pid</div> | 17878 <div class="memberName">pid</div> |
| 16973 <div class="memberValue">{{ vm.pid }}</div> | 17879 <div class="memberValue">{{ vm.pid }}</div> |
| 16974 </div> | 17880 </div> |
| 16975 <div class="memberItem"> | 17881 <div class="memberItem"> |
| 16976 <div class="memberName">refreshed at</div> | 17882 <div class="memberName">refreshed at</div> |
| 16977 <div class="memberValue">{{ vm.lastUpdate }}</div> | 17883 <div class="memberValue">{{ vm.lastUpdate }}</div> |
| 16978 </div> | 17884 </div> |
| 16979 <br> | 17885 <br> |
| 16980 <div class="memberItem"> | 17886 <div class="memberItem"> |
| 16981 <div class="memberValue"> | 17887 <div class="memberValue"> |
| 16982 See <a on-click="{{ goto }}" href="{{ gotoLink('/flags') }}">flags</
a> | 17888 See <a on-click="{{ goto }}" _href="{{ gotoLink('/flags') }}">flags<
/a> |
| 16983 </div> | 17889 </div> |
| 16984 </div> | 17890 </div> |
| 16985 </div> | 17891 </div> |
| 16986 </div> | 17892 </div> |
| 16987 | 17893 |
| 16988 <br> | 17894 <br> |
| 16989 <hr> | 17895 <hr> |
| 16990 | 17896 |
| 16991 <ul class="list-group"> | 17897 <ul class="list-group"> |
| 16992 <template repeat="{{ isolate in vm.isolates }}"> | 17898 <template repeat="{{ isolate in vm.isolates }}"> |
| (...skipping 1684 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 18677 border-radius: 4px; | 19583 border-radius: 4px; |
| 18678 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 19584 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 18679 } | 19585 } |
| 18680 | 19586 |
| 18681 .break-wrap { | 19587 .break-wrap { |
| 18682 word-wrap: break-word; | 19588 word-wrap: break-word; |
| 18683 } | 19589 } |
| 18684 </style> | 19590 </style> |
| 18685 <span> | 19591 <span> |
| 18686 <template if="{{ isCurrentTarget }}"> | 19592 <template if="{{ isCurrentTarget }}"> |
| 18687 <a on-click="{{ connectToVm }}" href="{{ gotoLink('/vm') }}">{{ target.n
ame }} (Connected)</a> | 19593 <a on-click="{{ connectToVm }}" _href="{{ gotoLink('/vm') }}">{{ target.
name }} (Connected)</a> |
| 18688 </template> | 19594 </template> |
| 18689 <template if="{{ !isCurrentTarget }}"> | 19595 <template if="{{ !isCurrentTarget }}"> |
| 18690 <a on-click="{{ connectToVm }}" href="{{ gotoLink('/vm') }}">{{ target.n
ame }}</a> | 19596 <a on-click="{{ connectToVm }}" _href="{{ gotoLink('/vm') }}">{{ target.
name }}</a> |
| 18691 </template> | 19597 </template> |
| 18692 <template if="{{ !isChromeTarget }}"> | 19598 <template if="{{ !isChromeTarget }}"> |
| 18693 <button class="delete-button" on-click="{{ deleteVm }}">✖ Remove</button
> | 19599 <button class="delete-button" on-click="{{ deleteVm }}">✖ Remove</button
> |
| 18694 </template> | 19600 </template> |
| 18695 </span> | 19601 </span> |
| 18696 </template> | 19602 </template> |
| 18697 </polymer-element> | 19603 </polymer-element> |
| 18698 | 19604 |
| 18699 <polymer-element name="vm-connect" extends="observatory-element"> | 19605 <polymer-element name="vm-connect" extends="observatory-element"> |
| 18700 <template> | 19606 <template> |
| (...skipping 566 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 19267 background-color: #f5f5f5; | 20173 background-color: #f5f5f5; |
| 19268 border: 1px solid #e3e3e3; | 20174 border: 1px solid #e3e3e3; |
| 19269 border-radius: 4px; | 20175 border-radius: 4px; |
| 19270 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 20176 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 19271 } | 20177 } |
| 19272 | 20178 |
| 19273 .break-wrap { | 20179 .break-wrap { |
| 19274 word-wrap: break-word; | 20180 word-wrap: break-word; |
| 19275 } | 20181 } |
| 19276 </style> | 20182 </style> |
| 19277 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a> | 20183 <a on-click="{{ goto }}" _href="{{ url }}">{{ ref.name }}</a> |
| 19278 </template> | 20184 </template> |
| 19279 </polymer-element> | 20185 </polymer-element> |
| 19280 | 20186 |
| 19281 | 20187 |
| 19282 | 20188 |
| 19283 <observatory-application></observatory-application> | 20189 <observatory-application></observatory-application> |
| 19284 | 20190 |
| 19285 <script src="index.html_bootstrap.dart.js" async=""></script></body></html> | 20191 <script src="index.html_bootstrap.dart.js" async=""></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 457803002:
Initial UI for Metrics in Observatory (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart