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"> |
11 <nav-bar> | 11 <nav-bar> |
12 <top-nav-menu></top-nav-menu> | 12 <top-nav-menu></top-nav-menu> |
13 <isolate-nav-menu isolate="{{ isolate }}"></isolate-nav-menu> | 13 <isolate-nav-menu isolate="{{ isolate }}"></isolate-nav-menu> |
14 <nav-menu link="{{ makeLink('/profiler', isolate) }}" anchor="cpu profile"
last="{{ true }}"></nav-menu> | 14 <nav-menu link="{{ makeLink('/profiler', isolate) }}" anchor="cpu profile"
last="{{ true }}"></nav-menu> |
15 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 15 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 16 <nav-refresh callback="{{ clear }}" label="Clear"></nav-refresh> |
16 <nav-control></nav-control> | 17 <nav-control></nav-control> |
17 </nav-bar> | 18 </nav-bar> |
18 <style> | 19 <style> |
19 .table { | 20 .table { |
20 border-collapse: collapse!important; | 21 border-collapse: collapse!important; |
21 width: 100%; | 22 width: 100%; |
22 margin-bottom: 20px | 23 margin-bottom: 20px |
23 } | 24 } |
24 .table thead > tr > th, | 25 .table thead > tr > th, |
25 .table tbody > tr > th, | 26 .table tbody > tr > th, |
(...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
113 </div> | 114 </div> |
114 <div class="memberItem"> | 115 <div class="memberItem"> |
115 <div class="memberName">Sample count</div> | 116 <div class="memberName">Sample count</div> |
116 <div class="memberValue">{{ sampleCount }}</div> | 117 <div class="memberValue">{{ sampleCount }}</div> |
117 </div> | 118 </div> |
118 <div class="memberItem"> | 119 <div class="memberItem"> |
119 <div class="memberName">Sample rate</div> | 120 <div class="memberName">Sample rate</div> |
120 <div class="memberValue">{{ sampleRate }} Hz</div> | 121 <div class="memberValue">{{ sampleRate }} Hz</div> |
121 </div> | 122 </div> |
122 <div class="memberItem"> | 123 <div class="memberItem"> |
123 <div class="memberName">Sample depth</div> | 124 <div class="memberName">Stack depth</div> |
124 <div class="memberValue">{{ sampleDepth }} stack frames</div> | 125 <div class="memberValue">{{ stackDepth }} stack frames</div> |
125 </div> | 126 </div> |
126 <div class="memberItem"> | 127 <div class="memberItem"> |
127 <div class="memberName">Display cutoff</div> | 128 <div class="memberName">Display cutoff</div> |
128 <div class="memberValue">{{ displayCutoff }}</div> | 129 <div class="memberValue">{{ displayCutoff }}</div> |
129 </div> | 130 </div> |
130 <div class="memberItem"> | 131 <div class="memberItem"> |
131 <div class="memberName">Tags</div> | 132 <div class="memberName">Tags</div> |
132 <div class="memberValue"> | 133 <div class="memberValue"> |
133 <select value="{{tagSelector}}"> | 134 <select value="{{tagSelector}}"> |
134 <option value="UserVM">User > VM</option> | 135 <option value="UserVM">User > VM</option> |
135 <option value="UserOnly">User</option> | 136 <option value="UserOnly">User</option> |
136 <option value="VMUser">VM > User</option> | 137 <option value="VMUser">VM > User</option> |
137 <option value="VMOnly">VM</option> | 138 <option value="VMOnly">VM</option> |
138 <option value="None">None</option> | 139 <option value="None">None</option> |
139 </select> | 140 </select> |
140 </div> | 141 </div> |
141 </div> | 142 </div> |
| 143 <div class="memberItem"> |
| 144 <div class="memberName">Mode</div> |
| 145 <div class="memberValue"> |
| 146 <select value="{{modeSelector}}"> |
| 147 <option value="Code">Code</option> |
| 148 <option value="Function">Function</option> |
| 149 </select> |
| 150 </div> |
| 151 </div> |
142 </div> | 152 </div> |
143 <hr> | 153 <hr> |
144 <table id="tableTree" class="table"> | 154 <table class="table"> |
145 <thead id="tableTreeheader"> | 155 <thead id="treeHeader"> |
146 <tr> | 156 <tr> |
147 <th>Method</th> | 157 <th>Method</th> |
148 <th>Self</th> | 158 <th>Self</th> |
149 </tr> | 159 </tr> |
150 </thead> | 160 </thead> |
151 <tbody id="tableTreeBody"> | 161 <tbody id="treeBody"> |
152 </tbody> | 162 </tbody> |
153 </table> | 163 </table> |
| 164 <hr> |
154 </div> | 165 </div> |
155 </template> | 166 </template> |
156 </polymer-element> | 167 </polymer-element> |
157 | 168 |
158 <script type="application/dart" src="cpu_profile.dart"></script> | 169 <script type="application/dart" src="cpu_profile.dart"></script> |
OLD | NEW |