| OLD | NEW |
| 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> | 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> |
| 2 <link rel="import" href="code_ref.html"> | 2 <link rel="import" href="code_ref.html"> |
| 3 <link rel="import" href="function_ref.html"> | 3 <link rel="import" href="function_ref.html"> |
| 4 <link rel="import" href="nav_bar.html"> | 4 <link rel="import" href="nav_bar.html"> |
| 5 <link rel="import" href="observatory_element.html"> | 5 <link rel="import" href="observatory_element.html"> |
| 6 <link rel="import" href="sliding_checkbox.html"> | 6 <link rel="import" href="sliding_checkbox.html"> |
| 7 | 7 |
| 8 <polymer-element name="cpu-profile" extends="observatory-element"> | 8 <polymer-element name="cpu-profile" extends="observatory-element"> |
| 9 <template> | 9 <template> |
| 10 <link rel="stylesheet" href="css/shared.css"> | 10 <link rel="stylesheet" href="css/shared.css"> |
| (...skipping 139 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 150 <option value="VMUser">VM > User</option> | 150 <option value="VMUser">VM > User</option> |
| 151 <option value="VMOnly">VM</option> | 151 <option value="VMOnly">VM</option> |
| 152 <option value="None">None</option> | 152 <option value="None">None</option> |
| 153 </select> | 153 </select> |
| 154 </div> | 154 </div> |
| 155 </div> | 155 </div> |
| 156 <div class="memberItem"> | 156 <div class="memberItem"> |
| 157 <div class="memberName">Call Tree Direction</div> | 157 <div class="memberName">Call Tree Direction</div> |
| 158 <div class="memberValue"> | 158 <div class="memberValue"> |
| 159 <select value="{{directionSelector}}"> | 159 <select value="{{directionSelector}}"> |
| 160 <!-- Experimental: <option value="Down">Top down</option> --> | 160 <!--- Experimental <option value="Down">Top down</option> ---> |
| 161 <option value="Up">Bottom up</option> | 161 <option value="Up">Bottom up</option> |
| 162 </select> | 162 </select> |
| 163 </div> | 163 </div> |
| 164 </div> | 164 </div> |
| 165 </div> | 165 </div> |
| 166 </template> | 166 </template> |
| 167 <template if="{{ state == 'Loaded' && directionSelector == 'Down' }}"> | 167 <template if="{{ state == 'Loaded' && directionSelector == 'Down' }}"> |
| 168 <br> | 168 <br> |
| 169 <div class="statusBox shadow"> | 169 <div class="statusBox shadow"> |
| 170 <div>Tree is rooted at main.</div> | 170 <div>Tree is rooted at main.</div> |
| 171 <br> | 171 <br> |
| 172 <div>Child nodes are callees.</div> | 172 <div>Child nodes are callees.</div> |
| 173 <br> | 173 <br> |
| 174 <div class="notice">To get the most out of this mode you may need to l
aunch Dart with a higher --profile-depth flag value.</div> | 174 <div class="notice">To get the most out of this mode you may need to l
aunch Dart with a higher --profile-depth flag value.</div> |
| 175 <div class="notice">Try 16, 32, ... up to 256 until each sample captur
es the entire call stack.</div> | 175 <div class="notice">Try 16, 32, ... up to 256 until [Truncated] approa
ches zero.</div> |
| 176 <div class="red">NOTE: Higher values will impact performance</div> | 176 <div class="red">NOTE: Higher values will impact performance</div> |
| 177 </div> | 177 </div> |
| 178 </template> | 178 </template> |
| 179 <template if="{{ state == 'Loaded' && directionSelector == 'Up' }}"> | 179 <template if="{{ state == 'Loaded' && directionSelector == 'Up' }}"> |
| 180 <br> | 180 <br> |
| 181 <div class="statusBox shadow"> | 181 <div class="statusBox shadow"> |
| 182 <div>Tree is rooted at executing function / code.</div> | 182 <div>Tree is rooted at executing function / code.</div> |
| 183 <br> | 183 <br> |
| 184 <div>Child nodes are callers.</div> | 184 <div>Child nodes are callers.</div> |
| 185 </div> | 185 </div> |
| 186 </template> | 186 </template> |
| 187 <br><br> | 187 <br><br> |
| 188 <div class="tableWell shadow"> | 188 <div class="tableWell shadow"> |
| 189 <table class="table"> | 189 <table class="table"> |
| 190 <thead id="treeHeader"> | 190 <thead id="treeHeader"> |
| 191 <tr> | 191 <tr> |
| 192 <th>Method</th> | 192 <th>Method</th> |
| 193 <th>Self</th> | 193 <th>Self</th> |
| 194 </tr> | 194 </tr> |
| 195 </thead> | 195 </thead> |
| 196 <tbody id="treeBody"> | 196 <tbody id="treeBody"> |
| 197 </tbody> | 197 </tbody> |
| 198 </table> | 198 </table> |
| 199 </div> | 199 </div> |
| 200 </div> | 200 </div> |
| 201 </template> | 201 </template> |
| 202 </polymer-element> | 202 </polymer-element> |
| 203 | 203 |
| 204 <script type="application/dart" src="cpu_profile.dart"></script> | 204 <script type="application/dart" src="cpu_profile.dart"></script> |
| OLD | NEW |