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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 148153007: Add Google Charts to Observatory and use it in allocation profiler (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
« runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart ('K') | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/lib/observatory.dart » ('j') | runtime/bin/vmservice/client/lib/src/observatory/chart.dart » ('J')
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>
2 <script src="packages/custom_element/custom-elements.debug.js"></script> 2
3 <script src="packages/browser/interop.js"></script>
4 3
5 <title>Dart VM Observatory</title> 4 <title>Dart VM Observatory</title>
6 <meta charset="utf-8"> 5 <meta charset="utf-8">
7 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss"> 6 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss">
7 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
8
8 9
9 <script src="index_devtools.html_bootstrap.dart.js"></script> 10 <script src="index_devtools.html_bootstrap.dart.js"></script>
10 11
11 </head> 12 </head>
12 <body><polymer-element name="observatory-element"> 13 <body><polymer-element name="observatory-element">
13 14
14 </polymer-element><polymer-element name="breakpoint-list" extends="observatory-e lement"> 15 </polymer-element><polymer-element name="breakpoint-list" extends="observatory-e lement">
15 <template> 16 <template>
16 <template if="{{ msg['breakpoints'].isEmpty }}"> 17 <template if="{{ msg['breakpoints'].isEmpty }}">
17 <div class="panel panel-warning"> 18 <div class="panel panel-warning">
(...skipping 460 matching lines...) Expand 10 before | Expand all | Expand 10 after
478 </tbody> 479 </tbody>
479 </table> 480 </table>
480 481
481 </template> 482 </template>
482 483
483 </polymer-element><polymer-element name="heap-profile" extends="observatory-elem ent"> 484 </polymer-element><polymer-element name="heap-profile" extends="observatory-elem ent">
484 <template> 485 <template>
485 <div> 486 <div>
486 <button type="button" on-click="{{refreshData}}">Refresh</button> 487 <button type="button" on-click="{{refreshData}}">Refresh</button>
487 </div> 488 </div>
488 <div> 489 <div class="row">
489 <span>New Space </span> 490 <div id="newPieChart" class="col-md-4" style="height: 400px">
490 <span>{{ status(true) }}</span> 491 </div>
492 <div id="newStatus" class="col-md-2">
493 <table class="table">
494 <tbody>
495 <tr>
496 <td>Collections</td>
497 <td>{{ formattedCollections(true) }}</td>
498 </tr>
499 <tr>
500 <td>Average Collection Time</td>
501 <td>{{ formattedAverage(true) }}</td>
502 </tr>
503 <tr>
504 <td>Cumulative Collection Time</td>
505 <td>{{ formattedTotalCollectionTime(true) }}</td>
506 </tr>
507 </tbody>
508 </table>
509 </div>
510 <div id="oldPieChart" class="col-md-4" style="height: 400px">
511 </div>
512 <div id="oldStatus" class="col-md-2">
513 <table class="table">
514 <tbody>
515 <tr>
516 <td>Collections</td>
517 <td>{{ formattedCollections(true) }}</td>
518 </tr>
519 <tr>
520 <td>Average Collection Time</td>
521 <td>{{ formattedAverage(true) }}</td>
522 </tr>
523 <tr>
524 <td>Cumulative Collection Time</td>
525 <td>{{ formattedTotalCollectionTime(true) }}</td>
526 </tr>
527 </tbody>
528 </table>
529 </div>
491 </div> 530 </div>
492 <div> 531 <div class="row">
493 <span>Old Space </span> 532 <div id="table" class="col-md-12" style="height: 800px"></div>
494 <span>{{ status(false) }}</span>
495 </div> 533 </div>
496 <table class="table table-hover">
497 <thead>
498 <tr>
499 <th>Class</th>
500 <th><button on-click="{{changeSortColumn}}" data-msg="1">Current (new)</ button></th>
501 <th><button on-click="{{changeSortColumn}}" data-msg="2">Allocated since GC (new)</button></th>
502 <th><button on-click="{{changeSortColumn}}" data-msg="3">Total before la st GC (new)</button></th>
503 <th><button on-click="{{changeSortColumn}}" data-msg="4">Total after las t GC (new)</button></th>
504 <th><button on-click="{{changeSortColumn}}" data-msg="5">Current (old)</ button></th>
505 <th><button on-click="{{changeSortColumn}}" data-msg="6">Allocated since GC (old)</button></th>
506 <th><button on-click="{{changeSortColumn}}" data-msg="7">Total before la st GC (old)</button></th>
507 <th><button on-click="{{changeSortColumn}}" data-msg="8">Total after las t GC (old)</button></th>
508 </tr>
509 </thead>
510 <tbody>
511 <tr template="" repeat="{{ cls in sortedProfile }}">
512 <td><class-ref app="{{ app }}" ref="{{ cls['class'] }}"></class-ref></td>
513 <td>{{ current(cls, true) }}</td>
514 <td>{{ allocated(cls, true) }}</td>
515 <td>{{ beforeGC(cls, true) }}</td>
516 <td>{{ afterGC(cls, true) }}</td>
517 <td>{{ current(cls, false) }}</td>
518 <td>{{ allocated(cls, false) }}</td>
519 <td>{{ beforeGC(cls, false) }}</td>
520 <td>{{ afterGC(cls, false) }}</td>
521 </tr>
522 </tbody>
523 </table>
524 </template> 534 </template>
525 535
526 </polymer-element><polymer-element name="script-view" extends="observatory-eleme nt"> 536 </polymer-element>
537 <polymer-element name="script-view" extends="observatory-element">
527 <template> 538 <template>
528 <div class="row"> 539 <div class="row">
529 <div class="col-md-8 col-md-offset-2"> 540 <div class="col-md-8 col-md-offset-2">
530 <div class="panel-heading"> 541 <div class="panel-heading">
531 <button on-click="{{refreshCoverage}}">Refresh Coverage</button> 542 <button on-click="{{refreshCoverage}}">Refresh Coverage</button>
532 {{ script.scriptRef['user_name'] }} 543 {{ script.scriptRef['user_name'] }}
533 {{ script.coveredPercentageFormatted() }} 544 {{ script.coveredPercentageFormatted() }}
534 </div> 545 </div>
535 <div class="panel-body"> 546 <div class="panel-body">
536 <table style="width:100%"> 547 <table style="width:100%">
(...skipping 169 matching lines...) Expand 10 before | Expand all | Expand 10 after
706 <isolate-profile app="{{ app }}"></isolate-profile> 717 <isolate-profile app="{{ app }}"></isolate-profile>
707 </template> 718 </template>
708 <template if="{{ app.locationManager.profile == false }}"> 719 <template if="{{ app.locationManager.profile == false }}">
709 <response-viewer app="{{ app }}"></response-viewer> 720 <response-viewer app="{{ app }}"></response-viewer>
710 </template> 721 </template>
711 </template> 722 </template>
712 723
713 </polymer-element> 724 </polymer-element>
714 <observatory-application devtools="true"></observatory-application> 725 <observatory-application devtools="true"></observatory-application>
715 726
716 </body></html> 727 </body></html>
OLDNEW
« runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart ('K') | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/lib/observatory.dart » ('j') | runtime/bin/vmservice/client/lib/src/observatory/chart.dart » ('J')

Powered by Google App Engine
This is Rietveld 408576698