| OLD | NEW |
| 1 <head> | 1 <head> |
| 2 <link rel="import" href="code_ref.html"> | 2 <link rel="import" href="code_ref.html"> |
| 3 <link rel="import" href="nav_bar.html"> | 3 <link rel="import" href="nav_bar.html"> |
| 4 <link rel="import" href="observatory_element.html"> | 4 <link rel="import" href="observatory_element.html"> |
| 5 <link rel="import" href="sliding_checkbox.html"> |
| 5 </head> | 6 </head> |
| 6 <polymer-element name="isolate-profile" extends="observatory-element"> | 7 <polymer-element name="isolate-profile" extends="observatory-element"> |
| 7 <template> | 8 <template> |
| 8 <nav-bar> | 9 <nav-bar> |
| 9 <top-nav-menu></top-nav-menu> | 10 <top-nav-menu></top-nav-menu> |
| 10 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> | 11 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> |
| 11 <nav-menu link="." anchor="cpu profile" last="{{ true }}"></nav-menu> | 12 <nav-menu link="." anchor="cpu profile" last="{{ true }}"></nav-menu> |
| 12 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 13 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 13 </nav-bar> | 14 </nav-bar> |
| 14 <div class="row"> | 15 <style> |
| 15 <div class="col-md-12"> | 16 .content { |
| 16 <span>Top</span> | 17 padding-left: 10%; |
| 17 <select selectedIndex="{{methodCountSelected}}" value="{{methodCounts[me
thodCountSelected]}}"> | 18 font: 400 14px 'Montserrat', sans-serif; |
| 18 <option template repeat="{{count in methodCounts}}">{{count}}</option> | 19 } |
| 19 </select> | 20 h1 { |
| 20 <span>exclusive methods</span> | 21 font: 400 18px 'Montserrat', sans-serif; |
| 21 </div> | 22 } |
| 23 .member, .memberHeader { |
| 24 vertical-align: top; |
| 25 padding: 3px 0 3px 1em; |
| 26 font: 400 14px 'Montserrat', sans-serif; |
| 27 } |
| 28 .monospace { |
| 29 font-family: consolas, courier, monospace; |
| 30 font-size: 1em; |
| 31 line-height: 1.2em; |
| 32 white-space: nowrap; |
| 33 } |
| 34 </style> |
| 35 <div class="content"> |
| 36 <h1>Sampled CPU profile</h1> |
| 37 <table> |
| 38 <tr> |
| 39 <td class="memberHeader">Timestamp</td> |
| 40 <td class="member">{{ refreshTime }}</td> |
| 41 </tr> |
| 42 <tr> |
| 43 <td class="memberHeader">Sample count</td> |
| 44 <td class="member">{{ sampleCount }}</td> |
| 45 </tr> |
| 46 <tr> |
| 47 <td class="memberHeader">Sample rate</td> |
| 48 <td class="member">{{ sampleRate }} Hz</td> |
| 49 </tr> |
| 50 <tr> |
| 51 <td class="memberHeader">Sample depth</td> |
| 52 <td class="member">{{ sampleDepth }} stack frames</td> |
| 53 </tr> |
| 54 <tr> |
| 55 <td class="memberHeader">Tree mode</td> |
| 56 <td class="member"> |
| 57 <sliding-checkbox checked="{{ callGraphChecked }}" onText="Call grap
h" offText="Stack trace"> |
| 58 </sliding-checkbox> |
| 59 </td> |
| 60 <tr> |
| 61 <td class="memberHeader">Display cutoff</td> |
| 62 <td class="member">{{ displayCutoff }}</td> |
| 63 </tr> |
| 64 <tr> |
| 65 <td class="memberHeader">Tags</td> |
| 66 <td class="member"> |
| 67 <sliding-checkbox checked="{{ hideTagsChecked }}" onText="Hidden" of
fText="Displayed"> |
| 68 </sliding-checkbox> |
| 69 </td> |
| 70 </tr> |
| 71 </table> |
| 72 <hr> |
| 73 <table id="tableTree" class="table table-hover"> |
| 74 <thead> |
| 75 <tr> |
| 76 <th>Method</th> |
| 77 <th>Caller</th> |
| 78 <th>Exclusive</th> |
| 79 </tr> |
| 80 </thead> |
| 81 <tbody> |
| 82 <tr template repeat="{{row in tree.rows }}" style="{{}}"> |
| 83 <td on-click="{{toggleExpanded}}" |
| 84 class="{{ coloring(row) }}" |
| 85 style="{{ padding(row) }}"> |
| 86 <code-ref ref="{{ row.code }}"></code-ref> |
| 87 </td> |
| 88 <td class="{{ coloring(row) }}">{{row.columns[0]}}</td> |
| 89 <td class="{{ coloring(row) }}">{{row.columns[1]}}</td> |
| 90 </tr> |
| 91 </tbody> |
| 92 </table> |
| 22 </div> | 93 </div> |
| 23 <div class="row"> | |
| 24 <div class="col-md-12"> | |
| 25 <p>Refreshed at {{ refreshTime }} with {{ sampleCount }} samples.</p> | |
| 26 </div> | |
| 27 </div> | |
| 28 <table id="tableTree" class="table table-hover"> | |
| 29 <thead> | |
| 30 <tr> | |
| 31 <th>Method</th> | |
| 32 <th>Exclusive</th> | |
| 33 <th>Caller</th> | |
| 34 </tr> | |
| 35 </thead> | |
| 36 <tbody> | |
| 37 <tr template repeat="{{row in tree.rows }}" style="{{}}"> | |
| 38 <td on-click="{{toggleExpanded}}" | |
| 39 class="{{ coloring(row) }}" | |
| 40 style="{{ padding(row) }}"> | |
| 41 <code-ref ref="{{ row.code }}"></code-ref> | |
| 42 </td> | |
| 43 <td class="{{ coloring(row) }}">{{row.columns[0]}}</td> | |
| 44 <td class="{{ coloring(row) }}">{{row.columns[1]}}</td> | |
| 45 </tr> | |
| 46 </tbody> | |
| 47 </table> | |
| 48 </template> | 94 </template> |
| 49 <script type="application/dart" src="isolate_profile.dart"></script> | 95 <script type="application/dart" src="isolate_profile.dart"></script> |
| 50 </polymer-element> | 96 </polymer-element> |
| OLD | NEW |