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

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

Issue 201213004: Use VM tag in profile and add stack trace trie (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 9 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="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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698