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

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

Issue 100103011: Changes to support dprof and Observatory profiler UIs (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <!DOCTYPE html><html><head><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 <script src="packages/browser/interop.js"></script> 3 <script src="packages/browser/interop.js"></script>
4 4
5 <title>Dart VM Observatory</title> 5 <title>Dart VM Observatory</title>
6 <meta charset="utf-8"> 6 <meta charset="utf-8">
7 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss"> 7 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss">
8 8
9 <script src="index_devtools.html_bootstrap.dart.js"></script> 9 <script src="index_devtools.html_bootstrap.dart.js"></script>
10 10
(...skipping 294 matching lines...) Expand 10 before | Expand all | Expand 10 after
305 </div> 305 </div>
306 </div> 306 </div>
307 </div> 307 </div>
308 </div> 308 </div>
309 </template> 309 </template>
310 310
311 </polymer-element><polymer-element name="isolate-summary" extends="observatory-e lement"> 311 </polymer-element><polymer-element name="isolate-summary" extends="observatory-e lement">
312 <template> 312 <template>
313 <div class="row"> 313 <div class="row">
314 <div class="col-md-1"> 314 <div class="col-md-1">
315 » » <img src="packages/observatory/src/observatory_elements/img/isol ate_icon.png" class="img-polaroid">» 315 <img src="packages/observatory/src/observatory_elements/img/isolate_icon .png" class="img-polaroid">
316 </div> 316 </div>
317 <div class="col-md-1">{{ isolate }}</div> 317 <div class="col-md-1">{{ isolate }}</div>
318 <div class="col-md-10">{{ name }}</div> 318 <div class="col-md-10">{{ name }}</div>
319 </div> 319 </div>
320 <div class="row"> 320 <div class="row">
321 <div class="col-md-2"></div> 321 <div class="col-md-2"></div>
322 <div class="col-md-1"> 322 <div class="col-md-1">
323 <a href="{{ app.locationManager.relativeLink(isolate, 'stacktrac e') }}">Stacktrace</a> 323 <a href="{{ app.locationManager.relativeLink(isolate, 'stacktrac e') }}">Stacktrace</a>
324 </div> 324 </div>
325 <div class="col-md-1"> 325 <div class="col-md-1">
326 <a href="{{ app.locationManager.relativeLink(isolate, 'library') }}">Lib rary</a> 326 <a href="{{ app.locationManager.relativeLink(isolate, 'library') }}">Lib rary</a>
327 </div> 327 </div>
328 <div class="col-md-1"> 328 <div class="col-md-1">
329 <a href="{{ app.locationManager.relativeLink(isolate, 'debug/breakpoints ') }}">Breakpoints</a> 329 <a href="{{ app.locationManager.relativeLink(isolate, 'debug/breakpoints ') }}">Breakpoints</a>
330 </div> 330 </div>
331 <div class="col-md-1">
332 <a href="{{ app.locationManager.relativeLink(isolate, 'profile') }}">Pro file</a>
333 </div>
331 <div class="col-md-8"></div> 334 <div class="col-md-8"></div>
332 </div> 335 </div>
333 </template> 336 </template>
334 337
335 </polymer-element><polymer-element name="isolate-list" extends="observatory-elem ent"> 338 </polymer-element>
339 <polymer-element name="isolate-list" extends="observatory-element">
336 <template> 340 <template>
337 <ul class="list-group"> 341 <ul class="list-group">
338 <template repeat="{{ isolate in app.isolateManager.isolates.values }}"> 342 <template repeat="{{ isolate in app.isolateManager.isolates.values }}">
339 <li class="list-group-item"> 343 <li class="list-group-item">
340 <isolate-summary app="{{ app }}" isolate="{{ isolate.id }}" name="{{ iso late.name }}"></isolate-summary> 344 <isolate-summary app="{{ app }}" isolate="{{ isolate.id }}" name="{{ iso late.name }}"></isolate-summary>
341 </li> 345 </li>
342 </template> 346 </template>
343 </ul> 347 </ul>
344 </template> 348 </template>
345 349
(...skipping 246 matching lines...) Expand 10 before | Expand all | Expand 10 after
592 <template> 596 <template>
593 <nav class="navbar navbar-default" role="navigation"> 597 <nav class="navbar navbar-default" role="navigation">
594 <div class="navbar-header"> 598 <div class="navbar-header">
595 <a class="navbar-brand" href="">Observatory</a> 599 <a class="navbar-brand" href="">Observatory</a>
596 </div> 600 </div>
597 <div class="collapse navbar-collapse navbar-ex1-collapse"> 601 <div class="collapse navbar-collapse navbar-ex1-collapse">
598 </div> 602 </div>
599 </nav> 603 </nav>
600 </template> 604 </template>
601 605
602 </polymer-element><polymer-element name="response-viewer" extends="observatory-e lement"> 606 </polymer-element><polymer-element name="isolate-profile" extends="observatory-e lement">
607 <template>
608 <p> P R O F I L E </p>
609 <div>
610 <button type="button" on-click="{{refreshData}}">Refresh profile data</but ton>
611 <span>Top</span>
612 <select selectedindex="{{methodCountSelected}}" value="{{methodCounts[meth odCountSelected]}}">
613 <option template="" repeat="{{count in methodCounts}}">{{count}}</option >
614 </select>
615 <span>methods</span>
616 </div>
617 <blockquote><strong>Top Inclusive</strong></blockquote>
618 <table class="table table-hover">
619 <thead>
620 <tr>
621 <th>Ticks</th>
622 <th>Percent</th>
623 <th>Method</th>
624 </tr>
625 </thead>
626 <tbody>
627 <tr template="" repeat="{{ code in topInclusiveCodes }}">
628 <td>{{ codeTicks(code, true) }}</td>
629 <td>{{ codePercent(code, true) }}</td>
630 <td>{{ codeName(code) }}</td>
631 </tr>
632 </tbody></table>
633 <blockquote><strong>Top Exclusive</strong></blockquote>
634 <table class="table table-hover">
635 <thead>
636 <tr>
637 <th>Ticks</th>
638 <th>Percent</th>
639 <th>Method</th>
640 </tr>
641 </thead>
642 <tbody>
643 <tr template="" repeat="{{ code in topExclusiveCodes }}">
644 <td>{{ codeTicks(code, false) }}</td>
645 <td>{{ codePercent(code, false) }}</td>
646 <td>{{ codeName(code) }}</td>
647 </tr>
648 </tbody></table>
649 </template>
650
651 </polymer-element>
652 <polymer-element name="response-viewer" extends="observatory-element">
603 <template> 653 <template>
604 <template repeat="{{ message in app.requestManager.responses }}"> 654 <template repeat="{{ message in app.requestManager.responses }}">
605 <message-viewer app="{{ app }}" message="{{ message }}"></message-viewer> 655 <message-viewer app="{{ app }}" message="{{ message }}"></message-viewer>
606 <collapsible-content> 656 <collapsible-content>
607 <!-- <json-view json="{{ message }}"></json-view> --> 657 <!-- <json-view json="{{ message }}"></json-view> -->
608 </collapsible-content> 658 </collapsible-content>
609 </template> 659 </template>
610 </template> 660 </template>
611 661
612 </polymer-element><polymer-element name="observatory-application" extends="obser vatory-element"> 662 </polymer-element><polymer-element name="observatory-application" extends="obser vatory-element">
613 <template> 663 <template>
614 <navigation-bar app="{{ app }}"></navigation-bar> 664 <navigation-bar app="{{ app }}"></navigation-bar>
615 <response-viewer app="{{ app }}"></response-viewer> 665 <template if="{{ app.locationManager.profile }}">
666 <isolate-profile app="{{ app }}"></isolate-profile>
667 </template>
668 <template if="{{ app.locationManager.profile == false }}">
669 <response-viewer app="{{ app }}"></response-viewer>
670 </template>
616 </template> 671 </template>
617 672
618 </polymer-element> 673 </polymer-element>
619 <observatory-application devtools="true"></observatory-application> 674 <observatory-application devtools="true"></observatory-application>
620 675
621 </body></html> 676 </body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698