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

Side by Side Diff: runtime/bin/vmservice/client/lib/src/elements/heap_profile.html

Issue 237683004: Disable applyAuthorStyles (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 8 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 <head> 1 <head>
2 <link rel="import" href="class_ref.html"> 2 <link rel="import" href="class_ref.html">
3 <link rel="import" href="observatory_element.html"> 3 <link rel="import" href="observatory_element.html">
4 <link rel="import" href="nav_bar.html"> 4 <link rel="import" href="nav_bar.html">
5 </head> 5 </head>
6 <polymer-element name="heap-profile" extends="observatory-element"> 6 <polymer-element name="heap-profile" extends="observatory-element">
7 <template> 7 <template>
8 <link rel="stylesheet" href="css/shared.css">
9 <style>
10 .table {
11 border-collapse: collapse!important;
12 width: 100%;
13 margin-bottom:20px
14 }
15 .table thead > tr > th,
16 .table tbody > tr > th,
17 .table tfoot > tr > th,
18 .table thead > tr > td,
19 .table tbody > tr > td,
20 .table tfoot > tr > td {
turnidge 2014/04/17 20:18:54 Since we are in a custom element, do we need this
Cutch 2014/04/17 22:12:39 Done.
21 padding: 8px;
22 vertical-align: top;
23 }
24 .table thead > tr > th {
25 vertical-align: bottom;
26 text-align: left;
27 border-bottom:2px solid #ddd;
28 }
29 #classtable tr:hover > td {
30 background-color: #F4C7C3;
31 }
32 </style>
8 <nav-bar> 33 <nav-bar>
9 <top-nav-menu></top-nav-menu> 34 <top-nav-menu></top-nav-menu>
10 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> 35 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
11 <nav-menu link="." anchor="heap profile" last="{{ true }}"></nav-menu> 36 <nav-menu link="." anchor="heap profile" last="{{ true }}"></nav-menu>
37 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n av-refresh>
12 <nav-refresh callback="{{ refresh }}"></nav-refresh> 38 <nav-refresh callback="{{ refresh }}"></nav-refresh>
13 </nav-bar> 39 </nav-bar>
14 40
15 <button type="button" on-click="{{resetAccumulator}}">Reset Accumulator</butto n> 41 <div class="flex-row">
16 <div class="row"> 42 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px">
17 <div id="newPieChart" class="col-md-4" style="height: 400px">
18 </div> 43 </div>
19 <div id="newStatus" class="col-md-2"> 44 <div id="newStatus" class="flex-item-fixed-2-12">
20 <table class="table"> 45 <table class="table">
21 <tbody> 46 <tbody>
22 <tr> 47 <tr>
23 <td>Collections</td> 48 <td>Collections</td>
24 <td>{{ formattedCollections(true) }}</td> 49 <td>{{ formattedCollections(true) }}</td>
25 </tr> 50 </tr>
26 <tr> 51 <tr>
27 <td>Average Collection Time</td> 52 <td>Average Collection Time</td>
28 <td>{{ formattedAverage(true) }}</td> 53 <td>{{ formattedAverage(true) }}</td>
29 </tr> 54 </tr>
30 <tr> 55 <tr>
31 <td>Cumulative Collection Time</td> 56 <td>Cumulative Collection Time</td>
32 <td>{{ formattedTotalCollectionTime(true) }}</td> 57 <td>{{ formattedTotalCollectionTime(true) }}</td>
33 </tr> 58 </tr>
34 </tbody> 59 </tbody>
35 </table> 60 </table>
36 </div> 61 </div>
37 <div id="oldPieChart" class="col-md-4" style="height: 400px"> 62 <div id="oldPieChart" class="flex-item-fixed-4-12" style="height: 400px">
38 </div> 63 </div>
39 <div id="oldStatus" class="col-md-2"> 64 <div id="oldStatus" class="flex-item-fixed-2-12">
40 <table class="table"> 65 <table class="table">
41 <tbody> 66 <tbody>
42 <tr> 67 <tr>
43 <td>Collections</td> 68 <td>Collections</td>
44 <td>{{ formattedCollections(false) }}</td> 69 <td>{{ formattedCollections(false) }}</td>
45 </tr> 70 </tr>
46 <tr> 71 <tr>
47 <td>Average Collection Time</td> 72 <td>Average Collection Time</td>
48 <td>{{ formattedAverage(false) }}</td> 73 <td>{{ formattedAverage(false) }}</td>
49 </tr> 74 </tr>
50 <tr> 75 <tr>
51 <td>Cumulative Collection Time</td> 76 <td>Cumulative Collection Time</td>
52 <td>{{ formattedTotalCollectionTime(false) }}</td> 77 <td>{{ formattedTotalCollectionTime(false) }}</td>
53 </tr> 78 </tr>
54 </tbody> 79 </tbody>
55 </table> 80 </table>
56 </div> 81 </div>
57 </div> 82 </div>
58 <div class="row"> 83 <div class="flex-row">
59 <p class="col-md-2">Aggregate heap table</p> 84 <table id="classtable" class="flex-item-fixed-12-12 table">
60 </div> 85 <thead>
61 <div class="row"> 86 <tr>
62 <div id="simpleTable" class="col-md-12" style="height: 800px"></div> 87 <th on-click="{{changeSort}}">{{ classTable.getColumnLabel(0) }}</th>
63 </div> 88 <th on-click="{{changeSort}}">{{ classTable.getColumnLabel(1) }}</th>
64 <div class="row"> 89 <th on-click="{{changeSort}}">{{ classTable.getColumnLabel(2) }}</th>
65 <p class="col-md-2">Individual heap table</p> 90 <th on-click="{{changeSort}}">{{ classTable.getColumnLabel(3) }}</th>
66 </div> 91 <th on-click="{{changeSort}}">{{ classTable.getColumnLabel(4) }}</th>
67 <div class="row"> 92 </tr>
68 <div id="table" class="col-md-12" style="height: 800px"></div> 93 </thead>
94 <tbody>
95 <tr template repeat="{{row in classTable.sortedRows }}">
96 <td><class-ref ref="{{ classTable.getValue(row, 0) }}"></class-ref></t d>
97 <td>{{ classTable.getFormattedValue(row, 1) }}</td>
98 <td>{{ classTable.getFormattedValue(row, 2) }}</td>
99 <td>{{ classTable.getFormattedValue(row, 3) }}</td>
100 <td>{{ classTable.getFormattedValue(row, 4) }}</td>
101 </tr>
102 </tbody>
103 </table>
69 </div> 104 </div>
70 </template> 105 </template>
71 <script type="application/dart" src="heap_profile.dart"></script> 106 <script type="application/dart" src="heap_profile.dart"></script>
72 </polymer-element> 107 </polymer-element>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698