| 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 630 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 641 | 641 |
| 642 <polymer-element name="observatory-element"> | 642 <polymer-element name="observatory-element"> |
| 643 </polymer-element> | 643 </polymer-element> |
| 644 | 644 |
| 645 | 645 |
| 646 | 646 |
| 647 | 647 |
| 648 <polymer-element name="service-ref" extends="observatory-element"> | 648 <polymer-element name="service-ref" extends="observatory-element"> |
| 649 </polymer-element> | 649 </polymer-element> |
| 650 | 650 |
| 651 <polymer-element name="any-service-ref" extends="observatory-element"> |
| 652 </polymer-element> |
| 653 |
| 651 <polymer-element name="instance-ref" extends="service-ref"> | 654 <polymer-element name="instance-ref" extends="service-ref"> |
| 652 <template> | 655 <template> |
| 653 <style> | 656 <style> |
| 654 /* Global styles */ | 657 /* Global styles */ |
| 655 * { | 658 * { |
| 656 margin: 0; | 659 margin: 0; |
| 657 padding: 0; | 660 padding: 0; |
| 658 font: 400 14px 'Montserrat', sans-serif; | 661 font: 400 14px 'Montserrat', sans-serif; |
| 659 color: #333; | 662 color: #333; |
| 660 box-sizing: border-box; | 663 box-sizing: border-box; |
| (...skipping 1489 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2150 margin-bottom: 20px; | 2153 margin-bottom: 20px; |
| 2151 background-color: #f5f5f5; | 2154 background-color: #f5f5f5; |
| 2152 border: 1px solid #e3e3e3; | 2155 border: 1px solid #e3e3e3; |
| 2153 border-radius: 4px; | 2156 border-radius: 4px; |
| 2154 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 2157 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 2155 } | 2158 } |
| 2156 | 2159 |
| 2157 .break-wrap { | 2160 .break-wrap { |
| 2158 word-wrap: break-word; | 2161 word-wrap: break-word; |
| 2159 } | 2162 } |
| 2160 </style><a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ nam
e }}</a></template> | 2163 </style><span><a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">
{{ name }}</a></span></template> |
| 2161 </polymer-element> | 2164 </polymer-element> |
| 2162 | 2165 |
| 2163 | 2166 |
| 2164 | 2167 |
| 2165 | 2168 |
| 2166 | 2169 |
| 2167 | 2170 |
| 2168 | 2171 |
| 2169 <polymer-element name="class-tree" extends="observatory-element"> | 2172 <polymer-element name="class-tree" extends="observatory-element"> |
| 2170 <template> | 2173 <template> |
| (...skipping 743 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2914 background-color: #f5f5f5; | 2917 background-color: #f5f5f5; |
| 2915 border: 1px solid #e3e3e3; | 2918 border: 1px solid #e3e3e3; |
| 2916 border-radius: 4px; | 2919 border-radius: 4px; |
| 2917 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 2920 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 2918 } | 2921 } |
| 2919 | 2922 |
| 2920 .break-wrap { | 2923 .break-wrap { |
| 2921 word-wrap: break-word; | 2924 word-wrap: break-word; |
| 2922 } | 2925 } |
| 2923 </style> | 2926 </style> |
| 2924 <div> | 2927 <span> |
| 2925 <template if="{{ ref['static'] }}">static</template> | 2928 <template if="{{ ref['static'] }}">static</template> |
| 2926 <template if="{{ ref['final'] }}">final</template> | 2929 <template if="{{ ref['final'] }}">final</template> |
| 2927 <template if="{{ ref['const'] }}">const</template> | 2930 <template if="{{ ref['const'] }}">const</template> |
| 2928 <template if="{{ (ref['declared_type']['name'] == 'dynamic' && | 2931 <template if="{{ (ref['declared_type']['name'] == 'dynamic' && |
| 2929 !ref['final'] && !ref['const']) }}"> | 2932 !ref['final'] && !ref['const']) }}"> |
| 2930 var | 2933 var |
| 2931 </template> | 2934 </template> |
| 2932 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> | 2935 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> |
| 2933 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref> | 2936 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref> |
| 2934 </template> | 2937 </template> |
| 2935 <a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ name
}}</a> | 2938 <a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ name
}}</a> |
| 2936 </div> | 2939 </span> |
| 2937 </template> | 2940 </template> |
| 2938 </polymer-element> | 2941 </polymer-element> |
| 2939 | 2942 |
| 2940 | 2943 |
| 2941 | 2944 |
| 2942 | 2945 |
| 2943 | 2946 |
| 2944 | 2947 |
| 2945 <polymer-element name="function-ref" extends="service-ref"> | 2948 <polymer-element name="function-ref" extends="service-ref"> |
| 2946 <template><style> | 2949 <template><style> |
| (...skipping 11015 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 13962 | 13965 |
| 13963 | 13966 |
| 13964 | 13967 |
| 13965 | 13968 |
| 13966 | 13969 |
| 13967 | 13970 |
| 13968 | 13971 |
| 13969 | 13972 |
| 13970 | 13973 |
| 13971 | 13974 |
| 13975 |
| 13976 |
| 13977 |
| 13978 |
| 13979 |
| 13980 |
| 13981 <polymer-element name="inbound-reference" extends="service-ref"> |
| 13982 <template> |
| 13983 <style> |
| 13984 /* Global styles */ |
| 13985 * { |
| 13986 margin: 0; |
| 13987 padding: 0; |
| 13988 font: 400 14px 'Montserrat', sans-serif; |
| 13989 color: #333; |
| 13990 box-sizing: border-box; |
| 13991 } |
| 13992 |
| 13993 .content { |
| 13994 padding-left: 10%; |
| 13995 font: 400 14px 'Montserrat', sans-serif; |
| 13996 } |
| 13997 |
| 13998 .content-centered { |
| 13999 padding-left: 10%; |
| 14000 padding-right: 10%; |
| 14001 font: 400 14px 'Montserrat', sans-serif; |
| 14002 } |
| 14003 |
| 14004 .content-centered-big { |
| 14005 padding-left: 5%; |
| 14006 padding-right: 5%; |
| 14007 font: 400 14px 'Montserrat', sans-serif; |
| 14008 } |
| 14009 |
| 14010 h1 { |
| 14011 font: 400 18px 'Montserrat', sans-serif; |
| 14012 } |
| 14013 |
| 14014 .memberList { |
| 14015 display: table; |
| 14016 } |
| 14017 |
| 14018 .memberItem { |
| 14019 display: table-row; |
| 14020 } |
| 14021 |
| 14022 .memberName, .memberValue { |
| 14023 display: table-cell; |
| 14024 vertical-align: top; |
| 14025 padding: 3px 0 3px 1em; |
| 14026 font: 400 14px 'Montserrat', sans-serif; |
| 14027 } |
| 14028 |
| 14029 .memberSmall { |
| 14030 display: table-cell; |
| 14031 vertical-align: top; |
| 14032 padding: 3px 0 3px 1em; |
| 14033 font: 400 12px 'Montserrat', sans-serif; |
| 14034 } |
| 14035 |
| 14036 .monospace { |
| 14037 font-family: consolas, courier, monospace; |
| 14038 font-size: 1em; |
| 14039 line-height: 1.2em; |
| 14040 white-space: nowrap; |
| 14041 } |
| 14042 |
| 14043 a { |
| 14044 color: #0489c3; |
| 14045 text-decoration: none; |
| 14046 } |
| 14047 |
| 14048 a:hover { |
| 14049 text-decoration: underline; |
| 14050 } |
| 14051 |
| 14052 em { |
| 14053 color: inherit; |
| 14054 font-style: italic; |
| 14055 } |
| 14056 |
| 14057 b { |
| 14058 color: inherit; |
| 14059 font-weight: bold; |
| 14060 } |
| 14061 |
| 14062 hr { |
| 14063 margin-top: 20px; |
| 14064 margin-bottom: 20px; |
| 14065 border: 0; |
| 14066 border-top: 1px solid #eee; |
| 14067 height: 0; |
| 14068 box-sizing: content-box; |
| 14069 } |
| 14070 |
| 14071 .list-group { |
| 14072 padding-left: 0; |
| 14073 margin-bottom: 20px; |
| 14074 } |
| 14075 |
| 14076 .list-group-item { |
| 14077 position: relative; |
| 14078 display: block; |
| 14079 padding: 10px 15px; |
| 14080 margin-bottom: -1px; |
| 14081 background-color: #fff; |
| 14082 } |
| 14083 |
| 14084 .list-group-item:first-child { |
| 14085 /* rounded top corners */ |
| 14086 border-top-right-radius:4px; |
| 14087 border-top-left-radius:4px; |
| 14088 } |
| 14089 |
| 14090 .list-group-item:last-child { |
| 14091 margin-bottom: 0; |
| 14092 /* rounded bottom corners */ |
| 14093 border-bottom-right-radius: 4px; |
| 14094 border-bottom-left-radius:4px; |
| 14095 } |
| 14096 |
| 14097 /* Flex row container */ |
| 14098 .flex-row { |
| 14099 display: flex; |
| 14100 flex-direction: row; |
| 14101 } |
| 14102 |
| 14103 /* Flex column container */ |
| 14104 .flex-column { |
| 14105 display: flex; |
| 14106 flex-direction: column; |
| 14107 } |
| 14108 |
| 14109 .flex-item-fit { |
| 14110 flex-grow: 1; |
| 14111 flex-shrink: 1; |
| 14112 flex-basis: auto; |
| 14113 } |
| 14114 |
| 14115 .flex-item-no-shrink { |
| 14116 flex-grow: 0; |
| 14117 flex-shrink: 0; |
| 14118 flex-basis: auto; |
| 14119 } |
| 14120 |
| 14121 .flex-item-fill { |
| 14122 flex-grow: 0; |
| 14123 flex-shrink: 1; /* shrink when pressured */ |
| 14124 flex-basis: 100%; /* try and take 100% */ |
| 14125 } |
| 14126 |
| 14127 .flex-item-fixed-1-12 { |
| 14128 flex-grow: 0; |
| 14129 flex-shrink: 0; |
| 14130 flex-basis: 8.3%; |
| 14131 } |
| 14132 |
| 14133 .flex-item-fixed-2-12 { |
| 14134 flex-grow: 0; |
| 14135 flex-shrink: 0; |
| 14136 flex-basis: 16.6%; |
| 14137 } |
| 14138 |
| 14139 .flex-item-fixed-4-12 { |
| 14140 flex-grow: 0; |
| 14141 flex-shrink: 0; |
| 14142 flex-basis: 33.3333%; |
| 14143 } |
| 14144 |
| 14145 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 14146 flex-grow: 0; |
| 14147 flex-shrink: 0; |
| 14148 flex-basis: 50%; |
| 14149 } |
| 14150 |
| 14151 .flex-item-fixed-8-12 { |
| 14152 flex-grow: 0; |
| 14153 flex-shrink: 0; |
| 14154 flex-basis: 66.6666%; |
| 14155 } |
| 14156 |
| 14157 .flex-item-fixed-9-12 { |
| 14158 flex-grow: 0; |
| 14159 flex-shrink: 0; |
| 14160 flex-basis: 75%; |
| 14161 } |
| 14162 |
| 14163 |
| 14164 .flex-item-fixed-12-12 { |
| 14165 flex-grow: 0; |
| 14166 flex-shrink: 0; |
| 14167 flex-basis: 100%; |
| 14168 } |
| 14169 |
| 14170 .flex-item-10-percent { |
| 14171 flex-grow: 0; |
| 14172 flex-shrink: 0; |
| 14173 flex-basis: 10%; |
| 14174 } |
| 14175 |
| 14176 .flex-item-15-percent { |
| 14177 flex-grow: 0; |
| 14178 flex-shrink: 0; |
| 14179 flex-basis: 15%; |
| 14180 } |
| 14181 |
| 14182 .flex-item-20-percent { |
| 14183 flex-grow: 0; |
| 14184 flex-shrink: 0; |
| 14185 flex-basis: 20%; |
| 14186 } |
| 14187 |
| 14188 .flex-item-30-percent { |
| 14189 flex-grow: 0; |
| 14190 flex-shrink: 0; |
| 14191 flex-basis: 30%; |
| 14192 } |
| 14193 |
| 14194 .flex-item-40-percent { |
| 14195 flex-grow: 0; |
| 14196 flex-shrink: 0; |
| 14197 flex-basis: 40%; |
| 14198 } |
| 14199 |
| 14200 .flex-item-50-percent { |
| 14201 flex-grow: 0; |
| 14202 flex-shrink: 0; |
| 14203 flex-basis: 50%; |
| 14204 } |
| 14205 |
| 14206 .flex-item-60-percent { |
| 14207 flex-grow: 0; |
| 14208 flex-shrink: 0; |
| 14209 flex-basis: 60%; |
| 14210 } |
| 14211 |
| 14212 .flex-item-70-percent { |
| 14213 flex-grow: 0; |
| 14214 flex-shrink: 0; |
| 14215 flex-basis: 70%; |
| 14216 } |
| 14217 |
| 14218 .flex-item-80-percent { |
| 14219 flex-grow: 0; |
| 14220 flex-shrink: 0; |
| 14221 flex-basis: 80%; |
| 14222 } |
| 14223 |
| 14224 .well { |
| 14225 min-height: 20px; |
| 14226 padding: 19px; |
| 14227 margin-bottom: 20px; |
| 14228 background-color: #f5f5f5; |
| 14229 border: 1px solid #e3e3e3; |
| 14230 border-radius: 4px; |
| 14231 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 14232 } |
| 14233 |
| 14234 .break-wrap { |
| 14235 word-wrap: break-word; |
| 14236 } |
| 14237 </style> |
| 14238 <style> |
| 14239 .errorBox { |
| 14240 background-color: #f5f5f5; |
| 14241 border: 1px solid #ccc; |
| 14242 padding: 10px; |
| 14243 font-family: consolas, courier, monospace; |
| 14244 font-size: 1em; |
| 14245 line-height: 1.2em; |
| 14246 white-space: pre; |
| 14247 } |
| 14248 </style> |
| 14249 <div> |
| 14250 from <any-service-ref ref="{{ source }}"></any-service-ref> |
| 14251 <template if="{{ slotIsArrayIndex }}">via [{{ slot }}]</template> |
| 14252 <template if="{{ slotIsField }}">via <field-ref ref="{{ slot }}"></field-r
ef></template> |
| 14253 |
| 14254 <curly-block callback="{{ expander() }}"> |
| 14255 <div class="memberList"> |
| 14256 <div class="memberItem"> |
| 14257 <div class="memberName"> |
| 14258 <template repeat="{{ reference in inboundReferences] }}"> |
| 14259 <inbound-reference ref="{{ reference }}"></inbound-reference> |
| 14260 </template> |
| 14261 </div> |
| 14262 </div> |
| 14263 </div> |
| 14264 </curly-block> |
| 14265 </div> |
| 14266 </template> |
| 14267 </polymer-element> |
| 14268 |
| 14269 |
| 13972 <polymer-element name="instance-view" extends="observatory-element"> | 14270 <polymer-element name="instance-view" extends="observatory-element"> |
| 13973 <template> | 14271 <template> |
| 13974 <style> | 14272 <style> |
| 13975 /* Global styles */ | 14273 /* Global styles */ |
| 13976 * { | 14274 * { |
| 13977 margin: 0; | 14275 margin: 0; |
| 13978 padding: 0; | 14276 padding: 0; |
| 13979 font: 400 14px 'Montserrat', sans-serif; | 14277 font: 400 14px 'Montserrat', sans-serif; |
| 13980 color: #333; | 14278 color: #333; |
| 13981 box-sizing: border-box; | 14279 box-sizing: border-box; |
| (...skipping 302 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 14284 <div class="memberValue"> | 14582 <div class="memberValue"> |
| 14285 <template if="{{ path == null }}"> | 14583 <template if="{{ path == null }}"> |
| 14286 <eval-link callback="{{ retainingPath }}" label="[find]" expr="1
0"> | 14584 <eval-link callback="{{ retainingPath }}" label="[find]" expr="1
0"> |
| 14287 </eval-link> | 14585 </eval-link> |
| 14288 </template> | 14586 </template> |
| 14289 <template if="{{ path != null }}"> | 14587 <template if="{{ path != null }}"> |
| 14290 <template repeat="{{ element in path['elements'] }}"> | 14588 <template repeat="{{ element in path['elements'] }}"> |
| 14291 <div class="memberItem"> | 14589 <div class="memberItem"> |
| 14292 <div class="memberName">[{{ element['index']}}]</div> | 14590 <div class="memberName">[{{ element['index']}}]</div> |
| 14293 <div class="memberValue"> | 14591 <div class="memberValue"> |
| 14294 <instance-ref ref="{{ element['value'] }}"></instance-ref> | 14592 <any-service-ref ref="{{ element['value'] }}"></any-service-
ref> |
| 14295 <template if="{{ element['parentField'] != null }}"> | 14593 <template if="{{ element['parentField'] != null }}"> |
| 14296 in <field-ref ref="{{ element['parentField'] }}"></field-r
ef> | 14594 in <field-ref ref="{{ element['parentField'] }}"></field-r
ef> of |
| 14297 </template> | 14595 </template> |
| 14298 <template if="{{ element['parentListIndex'] != null }}"> | 14596 <template if="{{ element['parentListIndex'] != null }}"> |
| 14299 at list index {{ element['parentListIndex'] }} of | 14597 in [{{ element['parentListIndex'] }}] of |
| 14300 </template> | 14598 </template> |
| 14301 </div> | 14599 </div> |
| 14302 </div> | 14600 </div> |
| 14303 </template> | 14601 </template> |
| 14304 <template if="{{ path['length'] > path['elements'].length }}"> | 14602 <template if="{{ path['length'] > path['elements'].length }}"> |
| 14305 showing {{ path['elements'].length }} of {{ path['length'] }} | 14603 showing {{ path['elements'].length }} of {{ path['length'] }} |
| 14306 <eval-link callback="{{ retainingPath }}" label="[find more]"
expr="{{ path['elements'].length * 2 }}"> | 14604 <eval-link callback="{{ retainingPath }}" label="[find more]"
expr="{{ path['elements'].length * 2 }}"> |
| 14307 </eval-link> | 14605 </eval-link> |
| 14308 </template> | 14606 </template> |
| 14309 </template> | 14607 </template> |
| 14310 </div> | 14608 </div> |
| 14311 </div> | 14609 </div> |
| 14610 <div class="memberItem"> |
| 14611 <div class="memberName">inbound references</div> |
| 14612 <div class="memberValue"> |
| 14613 <template if="{{ inboundReferences == null }}"> |
| 14614 <eval-link callback="{{ fetchInboundReferences }}" label="[find]
" expr="100"> |
| 14615 </eval-link> |
| 14616 </template> |
| 14617 <template if="{{ inboundReferences != null }}"> |
| 14618 <template repeat="{{ reference in inboundReferences['references'
] }}"> |
| 14619 <inbound-reference ref="{{ reference }}"></inbound-reference> |
| 14620 </template> |
| 14621 </template> |
| 14622 </div> |
| 14623 </div> |
| 14312 <template if="{{ instance['type_class'] != null }}"> | 14624 <template if="{{ instance['type_class'] != null }}"> |
| 14313 <div class="memberItem"> | 14625 <div class="memberItem"> |
| 14314 <div class="memberName">type class</div> | 14626 <div class="memberName">type class</div> |
| 14315 <div class="memberValue"> | 14627 <div class="memberValue"> |
| 14316 <class-ref ref="{{ instance['type_class'] }}"> | 14628 <class-ref ref="{{ instance['type_class'] }}"> |
| 14317 </class-ref> | 14629 </class-ref> |
| 14318 </div> | 14630 </div> |
| 14319 </div> | 14631 </div> |
| 14320 </template> | 14632 </template> |
| 14321 <template if="{{ instance['closureFunc'] != null }}"> | 14633 <template if="{{ instance['closureFunc'] != null }}"> |
| (...skipping 4649 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 18971 </style> | 19283 </style> |
| 18972 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a> | 19284 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a> |
| 18973 </template> | 19285 </template> |
| 18974 </polymer-element> | 19286 </polymer-element> |
| 18975 | 19287 |
| 18976 | 19288 |
| 18977 | 19289 |
| 18978 <observatory-application></observatory-application> | 19290 <observatory-application></observatory-application> |
| 18979 | 19291 |
| 18980 <script src="index.html_bootstrap.dart.js" async=""></script></body></html> | 19292 <script src="index.html_bootstrap.dart.js" async=""></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 483103003:
Incoming references service request and UI. (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart