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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 262823012: Various vmservice/observatory fixes: (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: gen js 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
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html_bootstrap.dart.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html><head><script src="packages/shadow_dom/shadow_dom.debug.js" ></script> 1 <!DOCTYPE html><html><head><script src="packages/shadow_dom/shadow_dom.debug.js" ></script>
2 <script src="packages/custom_element/custom-elements.debug.js"></script> 2 <script src="packages/custom_element/custom-elements.debug.js"></script>
3 3
4 <title>Dart VM Observatory</title> 4 <title>Dart VM Observatory</title>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 6 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" >
7 <script type="text/javascript" src="https://www.google.com/jsapi"></script> 7 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
8 <script src="packages/browser/interop.js"></script> 8 <script src="packages/browser/interop.js"></script>
9 9
10 <script src="index_devtools.html_bootstrap.dart.js"></script> 10 <script src="index_devtools.html_bootstrap.dart.js"></script>
(...skipping 20 matching lines...) Expand all
31 } 31 }
32 nav ul:after { 32 nav ul:after {
33 content: ""; clear: both; display: block; 33 content: ""; clear: both; display: block;
34 } 34 }
35 </style> 35 </style>
36 <nav> 36 <nav>
37 <ul> 37 <ul>
38 <content></content> 38 <content></content>
39 </ul> 39 </ul>
40 </nav> 40 </nav>
41 <br>
41 </template> 42 </template>
42 </polymer-element> 43 </polymer-element>
43 44
44 <polymer-element name="nav-menu" extends="observatory-element"> 45 <polymer-element name="nav-menu" extends="observatory-element">
45 <template> 46 <template>
46 <style> 47 <style>
47 .menu, .spacer { 48 .menu, .spacer {
48 float: left; 49 float: left;
49 } 50 }
50 .menu a, .spacer { 51 .menu a, .spacer {
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after
167 <content></content> 168 <content></content>
168 </nav-menu> 169 </nav-menu>
169 </template> 170 </template>
170 </polymer-element> 171 </polymer-element>
171 172
172 <polymer-element name="isolate-nav-menu" extends="observatory-element"> 173 <polymer-element name="isolate-nav-menu" extends="observatory-element">
173 <template> 174 <template>
174 <nav-menu link="{{ isolate.hashLink }}" anchor="{{ isolate.name }}" last="{{ last }}"> 175 <nav-menu link="{{ isolate.hashLink }}" anchor="{{ isolate.name }}" last="{{ last }}">
175 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}" anchor= "stack trace"></nav-menu-item> 176 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}" anchor= "stack trace"></nav-menu-item>
176 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}" anchor="cp u profile"></nav-menu-item> 177 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}" anchor="cp u profile"></nav-menu-item>
177 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}" anchor="heap profile"></nav-menu-item> 178 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}" anchor="allocation profile"></nav-menu-item>
178 <nav-menu-item link="{{ isolate.relativeHashLink('heapmap') }}" anchor="he ap map"></nav-menu-item> 179 <nav-menu-item link="{{ isolate.relativeHashLink('heapmap') }}" anchor="he ap map"></nav-menu-item>
179 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}" anchor="breakpoints"></nav-menu-item> 180 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}" anchor="breakpoints"></nav-menu-item>
180 <content></content> 181 <content></content>
181 </nav-menu> 182 </nav-menu>
182 </template> 183 </template>
183 </polymer-element> 184 </polymer-element>
184 185
185 <polymer-element name="library-nav-menu" extends="observatory-element"> 186 <polymer-element name="library-nav-menu" extends="observatory-element">
186 <template> 187 <template>
187 <nav-menu link="{{ library.hashLink }}" anchor="{{ library.name }}" last="{{ last }}"> 188 <nav-menu link="{{ library.hashLink }}" anchor="{{ library.name }}" last="{{ last }}">
(...skipping 81 matching lines...) Expand 10 before | Expand all | Expand 10 after
269 <template if="{{ !busy }}"> 270 <template if="{{ !busy }}">
270 {<a on-click="{{ toggleExpand }}"><div class="idle">&nbsp;&nbsp;⊞&nbsp;& nbsp;</div></a>} 271 {<a on-click="{{ toggleExpand }}"><div class="idle">&nbsp;&nbsp;⊞&nbsp;& nbsp;</div></a>}
271 </template> 272 </template>
272 </template> 273 </template>
273 </template> 274 </template>
274 275
275 </polymer-element> 276 </polymer-element>
276 <polymer-element name="instance-ref" extends="service-ref"> 277 <polymer-element name="instance-ref" extends="service-ref">
277 <template> 278 <template>
278 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 279 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s">
280 <style>
281 .errorBox {
282 background-color: #f5f5f5;
283 border: 1px solid #ccc;
284 padding: 10px;
285 font-family: consolas, courier, monospace;
286 font-size: 1em;
287 line-height: 1.2em;
288 white-space: pre;
289 }
290 </style>
279 <span> 291 <span>
292 <template if="{{ isError(ref.serviceType) }}">
293 <pre class="errorBox">{{ ref.message }}</pre>
294 </template>
295
280 <template if="{{ isUnexpected(ref.serviceType) }}"> 296 <template if="{{ isUnexpected(ref.serviceType) }}">
281 unexpected reference type &lt;{{ ref.serviceType }}&gt; 297 unexpected reference type &lt;{{ ref.serviceType }}&gt;
282 </template> 298 </template>
283 299
284 <template if="{{ isError(ref.serviceType) }}">
285 <pre>{{ ref.message }}</pre>
286 </template>
287
288 <template if="{{ isNull(ref.serviceType) }}"> 300 <template if="{{ isNull(ref.serviceType) }}">
289 <div title="{{ hoverText }}">{{ ref['valueAsString'] }}</div> 301 <div title="{{ hoverText }}">{{ ref['valueAsString'] }}</div>
290 </template> 302 </template>
291 303
292 <template if="{{ (isString(ref.serviceType) || 304 <template if="{{ (isString(ref.serviceType) ||
293 isBool(ref.serviceType) || 305 isBool(ref.serviceType) ||
294 isInt(ref.serviceType)) || 306 isInt(ref.serviceType)) ||
295 isDouble(ref.serviceType)) }}"> 307 isDouble(ref.serviceType)) }}">
296 <a href="{{ url }}">{{ ref['valueAsString'] }}</a> 308 <a href="{{ url }}">{{ ref['valueAsString'] }}</a>
297 </template> 309 </template>
(...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after
371 } 383 }
372 .historyExpr a { 384 .historyExpr a {
373 display: block; 385 display: block;
374 color: black; 386 color: black;
375 text-decoration: none; 387 text-decoration: none;
376 padding: 6px 6px; 388 padding: 6px 6px;
377 cursor: pointer; 389 cursor: pointer;
378 white-space: pre-line; 390 white-space: pre-line;
379 } 391 }
380 .historyExpr a:hover { 392 .historyExpr a:hover {
381 background-color: #e1f5fe 393 background-color: #fff3e3;
382 } 394 }
383 .historyValue { 395 .historyValue {
384 display: block; 396 display: block;
385 padding: 6px 6px; 397 padding: 6px 6px;
386 } 398 }
387 </style> 399 </style>
388 <form> 400 <form>
389 <template if="{{ lineMode == '1-line' }}"> 401 <template if="{{ lineMode == '1-line' }}">
390 <input class="textbox" type="text" value="{{ text }}"> 402 <input class="textbox" type="text" value="{{ text }}">
391 </template> 403 </template>
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after
452 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!-- 464 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!--
453 --><template if="{{ qualified &amp;&amp; hasParent }}"><!-- 465 --><template if="{{ qualified &amp;&amp; hasParent }}"><!--
454 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}"> 466 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}">
455 </function-ref>.<!-- 467 </function-ref>.<!--
456 --></template><a href="{{ url }}">{{ name }}</a><!-- 468 --></template><a href="{{ url }}">{{ name }}</a><!--
457 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template> 469 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template>
458 470
459 </polymer-element> 471 </polymer-element>
460 <polymer-element name="library-ref" extends="service-ref"> 472 <polymer-element name="library-ref" extends="service-ref">
461 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css"> 473 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css">
462 <a href="{{ url }}">{{ name }}</a> 474 <template if="{{ nameIsEmpty }}">
475 <a href="{{ url }}">unnamed</a>
476 </template>
477 <template if="{{ !nameIsEmpty }}">
478 <a href="{{ url }}">{{ name }}</a>
479 </template>
463 </template> 480 </template>
464 481
465 </polymer-element><polymer-element name="script-ref" extends="service-ref"> 482 </polymer-element>
483 <polymer-element name="script-ref" extends="service-ref">
466 <template> 484 <template>
467 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 485 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" >
468 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 486 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
469 </template> 487 </template>
470 488
471 </polymer-element> 489 </polymer-element>
472 <polymer-element name="class-view" extends="observatory-element"> 490 <polymer-element name="class-view" extends="observatory-element">
473 <template> 491 <template>
474 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 492 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s">
475 <nav-bar> 493 <nav-bar>
(...skipping 759 matching lines...) Expand 10 before | Expand all | Expand 10 after
1235 1253
1236 <br> 1254 <br>
1237 1255
1238 <template if="{{ isolate.topFrame != null }}"> 1256 <template if="{{ isolate.topFrame != null }}">
1239 <script-inset script="{{ isolate.topFrame['script'] }}" pos="{{ isolate.to pFrame['tokenPos'] }}"> 1257 <script-inset script="{{ isolate.topFrame['script'] }}" pos="{{ isolate.to pFrame['tokenPos'] }}">
1240 </script-inset> 1258 </script-inset>
1241 </template> 1259 </template>
1242 1260
1243 <br> 1261 <br>
1244 1262
1245 <div class="content"> 1263 <div class="content-centered">
1246 <div class="memberList"> 1264 <div class="flex-row">
1247 <div class="memberItem"> 1265
1248 <div class="memberName">root library</div> 1266 <div class="flex-item-fixed-6-12">
1249 <div class="memberValue"> 1267 <div class="memberList">
1250 <function-ref ref="{{ isolate.rootLib }}"></function-ref> 1268 <div class="memberItem">
1269 <div class="memberName">root library</div>
1270 <div class="memberValue">
1271 <library-ref ref="{{ isolate.rootLib }}"></library-ref>
1272 </div>
1273 </div>
1274 <div class="memberItem">
1275 <template if="{{ isolate.entry != null }}">
1276 <div class="memberName">entry</div>
1277 <div class="memberValue">
1278 <function-ref ref="{{ isolate.entry }}"></function-ref>
1279 </div>
1280 </template>
1281 </div>
1282 <div class="memberItem">
1283 <div class="memberName">id</div>
1284 <div class="memberValue">{{ isolate.mainPort }}</div>
1285 </div>
1286 <br>
1287 <div class="memberItem">
1288 <div class="memberValue">
1289 See <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a>
1290 </div>
1291 </div>
1292 <div class="memberItem">
1293 <div class="memberValue">
1294 See <a href="{{ isolate.relativeHashLink('profile') }}">cpu prof ile</a>
1295 </div>
1296 </div>
1297 <div class="memberItem">
1298 <div class="memberValue">
1299 See <a href="{{ isolate.relativeHashLink('debug/breakpoints') }} ">breakpoints</a>
1300
1301 </div>
1302 </div>
1251 </div> 1303 </div>
1252 </div> 1304 </div>
1253 <div class="memberItem"> 1305
1254 <template if="{{ isolate.entry != null }}"> 1306 <div class="flex-item-fixed-6-12">
1255 <div class="memberName">entry</div> 1307 <div class="memberList">
1256 <div class="memberValue"> 1308 <div class="memberItem">
1257 <function-ref ref="{{ isolate.entry }}"></function-ref> 1309 <div class="memberName">new heap</div>
1310 <div class="memberValue">
1311 {{ isolate.newHeapUsed | formatSize }}
1312 of
1313 {{ isolate.newHeapCapacity | formatSize }}
1314 </div>
1258 </div> 1315 </div>
1259 </template> 1316 <div class="memberItem">
1260 </div> 1317 <div class="memberName">old heap</div>
1261 <div class="memberItem"> 1318 <div class="memberValue">
1262 <div class="memberName">id</div> 1319 {{ isolate.oldHeapUsed | formatSize }}
1263 <div class="memberValue">{{ isolate.mainPort }}</div> 1320 of
1264 </div> 1321 {{ isolate.oldHeapCapacity | formatSize }}
1265 <br> 1322 </div>
1266 <div class="memberItem"> 1323 </div>
1267 <div class="memberValue"> 1324 </div>
1268 See <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack tra ce</a> 1325 <br>
1326 <div class="memberList">
1327 <div class="memberItem">
1328 <div class="memberValue">
1329 See <a href="{{ isolate.relativeHashLink('allocationprofile') }} ">allocation profile</a>
1330 </div>
1331 </div>
1332 <div class="memberItem">
1333 <div class="memberValue">
1334 See <a href="{{ isolate.relativeHashLink('heapmap') }}">heap map </a>
1335 </div>
1336 </div>
1269 </div> 1337 </div>
1270 </div> 1338 </div>
1271 <div class="memberItem">
1272 <div class="memberValue">
1273 See <a href="{{ isolate.relativeHashLink('profile') }}">cpu profile< /a>
1274 </div>
1275 </div>
1276 <div class="memberItem">
1277 <div class="memberValue">
1278 See <a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">br eakpoints</a>
1279 1339
1280 </div> 1340 </div> <!-- flex row -->
1281 </div> 1341 </div> <!-- content -->
1282 </div>
1283 </div>
1284 1342
1285 <hr> 1343 <hr>
1286 1344
1287 <div class="content"> 1345 <div class="content">
1288 <div class="memberList"> 1346 libraries ({{ isolate.libraries.length }})
1289 <div class="memberItem"> 1347 <curly-block>
1290 <div class="memberName">new heap</div> 1348 <div class="memberList">
1291 <div class="memberValue"> 1349 <template repeat="{{ lib in isolate.libraries }}">
1292 {{ isolate.newHeapUsed | formatSize }} 1350 <div class="memberItem">
1293 of 1351 <div class="memberName">
1294 {{ isolate.newHeapCapacity | formatSize }} 1352 <library-ref ref="{{ lib }}"></library-ref>
1295 </div> 1353 </div>
1354 </div>
1355 </template>
1296 </div> 1356 </div>
1297 <div class="memberItem"> 1357 </curly-block>
1298 <div class="memberName">old heap</div>
1299 <div class="memberValue">
1300 {{ isolate.oldHeapUsed | formatSize }}
1301 of
1302 {{ isolate.oldHeapCapacity | formatSize }}
1303 </div>
1304 </div>
1305 </div>
1306
1307 <br>
1308
1309 <div class="memberList">
1310 <div class="memberItem">
1311 <div class="memberValue">
1312 See <a href="{{ isolate.relativeHashLink('allocationprofile') }}">al location profile</a>
1313 </div>
1314 </div>
1315 <div class="memberItem">
1316 <div class="memberValue">
1317 See <a href="{{ isolate.relativeHashLink('heapmap') }}">heap map</a>
1318 </div>
1319 </div>
1320 </div>
1321 </div> 1358 </div>
1322 1359
1323 <hr> 1360 <hr>
1324 1361
1325 <div class="content"> 1362 <div class="content">
1326 <div class="memberValue">Isolate execution</div> 1363 <div class="memberValue">Isolate execution</div>
1327 <template repeat="{{ key in isolate.counters.keys }}"> 1364 <template repeat="{{ key in isolate.counters.keys }}">
1328 <div class="memberValue">{{ key }} ({{ isolate.counters[key] }})</div> 1365 <div class="memberValue">{{ key }} ({{ isolate.counters[key] }})</div>
1329 </template> 1366 </template>
1330 </div> 1367 </div>
(...skipping 652 matching lines...) Expand 10 before | Expand all | Expand 10 after
1983 </div> 2020 </div>
1984 </template> 2021 </template>
1985 2022
1986 </polymer-element> 2023 </polymer-element>
1987 <polymer-element name="script-view" extends="observatory-element"> 2024 <polymer-element name="script-view" extends="observatory-element">
1988 <template> 2025 <template>
1989 <nav-bar> 2026 <nav-bar>
1990 <top-nav-menu></top-nav-menu> 2027 <top-nav-menu></top-nav-menu>
1991 <isolate-nav-menu isolate="{{ script.isolate }}"> 2028 <isolate-nav-menu isolate="{{ script.isolate }}">
1992 </isolate-nav-menu> 2029 </isolate-nav-menu>
1993 <library-nav-menu library="{{ script.library }}"></library-nav-menu>
1994 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}"> 2030 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}">
1995 <li> 2031 <li>
1996 <input type="checkbox" checked="{{ showCoverage }}"> 2032 <input type="checkbox" checked="{{ showCoverage }}">
1997 <label>Show Coverage Data</label> 2033 <label>Show Coverage Data</label>
1998 </li> 2034 </li>
1999 </nav-menu> 2035 </nav-menu>
2000 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav -refresh> 2036 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav -refresh>
2001 <nav-refresh callback="{{ refresh }}"> 2037 <nav-refresh callback="{{ refresh }}">
2002 </nav-refresh> 2038 </nav-refresh>
2003 </nav-bar> 2039 </nav-bar>
(...skipping 155 matching lines...) Expand 10 before | Expand all | Expand 10 after
2159 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css"> 2195 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css">
2160 <a href="{{ url }}">{{ ref.name }}</a> 2196 <a href="{{ url }}">{{ ref.name }}</a>
2161 </template> 2197 </template>
2162 2198
2163 </polymer-element> 2199 </polymer-element>
2164 2200
2165 2201
2166 <observatory-application devtools="true"></observatory-application> 2202 <observatory-application devtools="true"></observatory-application>
2167 2203
2168 </body></html> 2204 </body></html>
OLDNEW
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html_bootstrap.dart.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698