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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: runtime/bin/vmservice/client/deployed/web/index.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, 10 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 | « no previous file | runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart » ('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>
2 <script src="packages/custom_element/custom-elements.debug.js"></script> 2
3 <script src="packages/browser/interop.js"></script> 3
4 <meta charset="utf-8">
5 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss">
4 6
5 <title>Dart VM Observatory</title> 7 <title>Dart VM Observatory</title>
6 <meta charset="utf-8"> 8 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
7 <link type="text/css" rel="stylesheet" href="bootstrap_css/css/bootstrap.min.c ss"> 9
8 10
9 <script src="index.html_bootstrap.dart.js"></script> 11 <script src="index.html_bootstrap.dart.js"></script>
10 12
11 </head> 13 </head>
12 <body><polymer-element name="observatory-element"> 14 <body><polymer-element name="observatory-element">
13 15
14 </polymer-element><polymer-element name="breakpoint-list" extends="observatory-e lement"> 16 </polymer-element><polymer-element name="breakpoint-list" extends="observatory-e lement">
15 <template> 17 <template>
16 <template if="{{ msg['breakpoints'].isEmpty }}"> 18 <template if="{{ msg['breakpoints'].isEmpty }}">
17 <div class="panel panel-warning"> 19 <div class="panel panel-warning">
(...skipping 279 matching lines...) Expand 10 before | Expand all | Expand 10 after
297 </div> 299 </div>
298 </div> 300 </div>
299 </div> 301 </div>
300 </div> 302 </div>
301 </template> 303 </template>
302 304
303 </polymer-element><polymer-element name="isolate-summary" extends="observatory-e lement"> 305 </polymer-element><polymer-element name="isolate-summary" extends="observatory-e lement">
304 <template> 306 <template>
305 <div class="row"> 307 <div class="row">
306 <div class="col-md-1"> 308 <div class="col-md-1">
307 <img src="packages/observatory/src/observatory_elements/img/isolate_icon .png" class="img-polaroid"> 309 <img src="img/isolate_icon.png" class="img-polaroid">
308 </div> 310 </div>
309 311
310 <div class="col-md-1">{{ isolate.name }}</div> 312 <div class="col-md-1">{{ isolate.name }}</div>
311 313
312 <!-- TODO(turnidge): Use function-ref when it can take isolate param --> 314 <!-- TODO(turnidge): Use function-ref when it can take isolate param -->
313 <div class="col-md-4"> 315 <div class="col-md-4">
314 316
315 <div class="row"> 317 <div class="row">
316 <template if="{{ isolate.entry['id'] != null }}"> 318 <template if="{{ isolate.entry['id'] != null }}">
317 <a href="{{ app.locationManager.relativeLink(isolate.id, isolate.ent ry['id']) }}"> 319 <a href="{{ app.locationManager.relativeLink(isolate.id, isolate.ent ry['id']) }}">
(...skipping 231 matching lines...) Expand 10 before | Expand all | Expand 10 after
549 </table> 551 </table>
550 552
551 </template> 553 </template>
552 554
553 </polymer-element> 555 </polymer-element>
554 <polymer-element name="heap-profile" extends="observatory-element"> 556 <polymer-element name="heap-profile" extends="observatory-element">
555 <template> 557 <template>
556 <div> 558 <div>
557 <button type="button" on-click="{{refreshData}}">Refresh</button> 559 <button type="button" on-click="{{refreshData}}">Refresh</button>
558 </div> 560 </div>
559 <div> 561 <div class="row">
560 <span>New Space </span> 562 <div id="newPieChart" class="col-md-4" style="height: 400px">
561 <span>{{ status(true) }}</span> 563 </div>
564 <div id="newStatus" class="col-md-2">
565 <table class="table">
566 <tbody>
567 <tr>
568 <td>Collections</td>
569 <td>{{ formattedCollections(true) }}</td>
570 </tr>
571 <tr>
572 <td>Average Collection Time</td>
573 <td>{{ formattedAverage(true) }}</td>
574 </tr>
575 <tr>
576 <td>Cumulative Collection Time</td>
577 <td>{{ formattedTotalCollectionTime(true) }}</td>
578 </tr>
579 </tbody>
580 </table>
581 </div>
582 <div id="oldPieChart" class="col-md-4" style="height: 400px">
583 </div>
584 <div id="oldStatus" class="col-md-2">
585 <table class="table">
586 <tbody>
587 <tr>
588 <td>Collections</td>
589 <td>{{ formattedCollections(true) }}</td>
590 </tr>
591 <tr>
592 <td>Average Collection Time</td>
593 <td>{{ formattedAverage(true) }}</td>
594 </tr>
595 <tr>
596 <td>Cumulative Collection Time</td>
597 <td>{{ formattedTotalCollectionTime(true) }}</td>
598 </tr>
599 </tbody>
600 </table>
601 </div>
562 </div> 602 </div>
563 <div> 603 <div class="row">
564 <span>Old Space </span> 604 <div id="table" class="col-md-12" style="height: 800px"></div>
565 <span>{{ status(false) }}</span>
566 </div> 605 </div>
567 <table class="table table-hover">
568 <thead>
569 <tr>
570 <th>Class</th>
571 <th><button on-click="{{changeSortColumn}}" data-msg="1">Current (new)</ button></th>
572 <th><button on-click="{{changeSortColumn}}" data-msg="2">Allocated since GC (new)</button></th>
573 <th><button on-click="{{changeSortColumn}}" data-msg="3">Total before la st GC (new)</button></th>
574 <th><button on-click="{{changeSortColumn}}" data-msg="4">Total after las t GC (new)</button></th>
575 <th><button on-click="{{changeSortColumn}}" data-msg="5">Current (old)</ button></th>
576 <th><button on-click="{{changeSortColumn}}" data-msg="6">Allocated since GC (old)</button></th>
577 <th><button on-click="{{changeSortColumn}}" data-msg="7">Total before la st GC (old)</button></th>
578 <th><button on-click="{{changeSortColumn}}" data-msg="8">Total after las t GC (old)</button></th>
579 </tr>
580 </thead>
581 <tbody>
582 <tr template="" repeat="{{ cls in sortedProfile }}">
583 <td><class-ref app="{{ app }}" ref="{{ cls['class'] }}"></class-ref></td>
584 <td>{{ current(cls, true) }}</td>
585 <td>{{ allocated(cls, true) }}</td>
586 <td>{{ beforeGC(cls, true) }}</td>
587 <td>{{ afterGC(cls, true) }}</td>
588 <td>{{ current(cls, false) }}</td>
589 <td>{{ allocated(cls, false) }}</td>
590 <td>{{ beforeGC(cls, false) }}</td>
591 <td>{{ afterGC(cls, false) }}</td>
592 </tr>
593 </tbody>
594 </table>
595 </template> 606 </template>
596 607
597 </polymer-element><polymer-element name="script-view" extends="observatory-eleme nt"> 608 </polymer-element>
609 <polymer-element name="script-view" extends="observatory-element">
598 <template> 610 <template>
599 <div class="row"> 611 <div class="row">
600 <div class="col-md-8 col-md-offset-2"> 612 <div class="col-md-8 col-md-offset-2">
601 <div class="panel-heading"> 613 <div class="panel-heading">
602 <button on-click="{{refreshCoverage}}">Refresh Coverage</button> 614 <button on-click="{{refreshCoverage}}">Refresh Coverage</button>
603 {{ script.scriptRef['user_name'] }} 615 {{ script.scriptRef['user_name'] }}
604 {{ script.coveredPercentageFormatted() }} 616 {{ script.coveredPercentageFormatted() }}
605 </div> 617 </div>
606 <div class="panel-body"> 618 <div class="panel-body">
607 <table style="width:100%"> 619 <table style="width:100%">
(...skipping 197 matching lines...) Expand 10 before | Expand all | Expand 10 after
805 </template> 817 </template>
806 <template if="{{ app.locationManager.profile == false }}"> 818 <template if="{{ app.locationManager.profile == false }}">
807 <response-viewer app="{{ app }}"></response-viewer> 819 <response-viewer app="{{ app }}"></response-viewer>
808 </template> 820 </template>
809 </template> 821 </template>
810 822
811 </polymer-element> 823 </polymer-element>
812 <observatory-application></observatory-application> 824 <observatory-application></observatory-application>
813 825
814 </body></html> 826 </body></html>
OLDNEW
« no previous file with comments | « no previous file | runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698