Chromium Code Reviews| OLD | NEW |
|---|---|
| 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> |
| OLD | NEW |