Index: runtime/bin/vmservice/client/lib/src/observatory_elements/isolate_profile.html |
diff --git a/runtime/bin/vmservice/client/lib/src/observatory_elements/isolate_profile.html b/runtime/bin/vmservice/client/lib/src/observatory_elements/isolate_profile.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..d477c0bc4acf832f16df228f54f327d9c81689d9 |
--- /dev/null |
+++ b/runtime/bin/vmservice/client/lib/src/observatory_elements/isolate_profile.html |
@@ -0,0 +1,49 @@ |
+<head> |
+ <link rel="import" href="observatory_element.html"> |
+</head> |
+<polymer-element name="isolate-profile" extends="observatory-element"> |
+ <template> |
+ <p> P R O F I L E </p> |
+ <div> |
+ <button type="button" on-click="{{refreshData}}">Refresh profile data</button> |
+ <span>Top</span> |
+ <select selectedIndex="{{methodCountSelected}}" value="{{methodCounts[methodCountSelected]}}"> |
+ <option template repeat="{{count in methodCounts}}">{{count}}</option> |
+ </select> |
+ <span>methods</span> |
+ </div> |
+ <blockquote><strong>Top Inclusive</strong></blockquote> |
+ <table class="table table-hover"> |
+ <thead> |
+ <tr> |
+ <th>Ticks</th> |
+ <th>Percent</th> |
+ <th>Method</th> |
+ </tr> |
+ </thead> |
+ <tbody> |
+ <tr template repeat="{{ code in topInclusiveCodes }}"> |
+ <td>{{ codeTicks(code, true) }}</td> |
+ <td>{{ codePercent(code, true) }}</td> |
+ <td>{{ codeName(code) }}</td> |
+ </tr> |
+ </table> |
+ <blockquote><strong>Top Exclusive</strong></blockquote> |
+ <table class="table table-hover"> |
+ <thead> |
+ <tr> |
+ <th>Ticks</th> |
+ <th>Percent</th> |
+ <th>Method</th> |
+ </tr> |
+ </thead> |
+ <tbody> |
+ <tr template repeat="{{ code in topExclusiveCodes }}"> |
+ <td>{{ codeTicks(code, false) }}</td> |
+ <td>{{ codePercent(code, false) }}</td> |
+ <td>{{ codeName(code) }}</td> |
+ </tr> |
+ </table> |
+ </template> |
+ <script type="application/dart" src="isolate_profile.dart"></script> |
+</polymer-element> |