OLD | NEW |
1 <head> | 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> |
2 <link rel="import" href="action_link.html"> | 2 <link rel="import" href="action_link.html"> |
3 <link rel="import" href="function_ref.html"> | 3 <link rel="import" href="function_ref.html"> |
4 <link rel="import" href="isolate_ref.html"> | 4 <link rel="import" href="isolate_ref.html"> |
5 <link rel="import" href="observatory_element.html"> | 5 <link rel="import" href="observatory_element.html"> |
6 <link rel="import" href="script_inset.html"> | 6 <link rel="import" href="script_inset.html"> |
7 <link rel="import" href="script_ref.html"> | 7 <link rel="import" href="script_ref.html"> |
8 </head> | |
9 <polymer-element name="isolate-summary" extends="observatory-element"> | 8 <polymer-element name="isolate-summary" extends="observatory-element"> |
10 <template> | 9 <template> |
11 <link rel="stylesheet" href="css/shared.css"> | 10 <link rel="stylesheet" href="css/shared.css"> |
12 <div class="flex-row"> | 11 <div class="flex-row"> |
13 <div class="flex-item-10-percent"> | 12 <div class="flex-item-10-percent"> |
14 <img src="img/isolate_icon.png"> | 13 <img src="img/isolate_icon.png"> |
15 </div> | 14 </div> |
16 <div class="flex-item-10-percent"> | 15 <div class="flex-item-10-percent"> |
17 <isolate-ref ref="{{ isolate }}"></isolate-ref> | 16 <isolate-ref ref="{{ isolate }}"></isolate-ref> |
18 </div> | 17 </div> |
(...skipping 102 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
121 <div class="flex-item-10-percent"> | 120 <div class="flex-item-10-percent"> |
122 </div> | 121 </div> |
123 <div class="flex-item-40-percent"> | 122 <div class="flex-item-40-percent"> |
124 <isolate-counter-chart counters="{{ isolate.counters }}"></isolate-count
er-chart> | 123 <isolate-counter-chart counters="{{ isolate.counters }}"></isolate-count
er-chart> |
125 </div> | 124 </div> |
126 <div class="flex-item-40-percent"> | 125 <div class="flex-item-40-percent"> |
127 <div class="memberList"> | 126 <div class="memberList"> |
128 <div class="memberItem"> | 127 <div class="memberItem"> |
129 <div class="memberName">new heap</div> | 128 <div class="memberName">new heap</div> |
130 <div class="memberValue"> | 129 <div class="memberValue"> |
131 {{ isolate.newHeapUsed | formatSize }} | 130 {{ isolate.newSpace.used | formatSize }} |
132 of | 131 of |
133 {{ isolate.newHeapCapacity | formatSize }} | 132 {{ isolate.newSpace.capacity | formatSize }} |
134 </div> | 133 </div> |
135 </div> | 134 </div> |
136 <div class="memberItem"> | 135 <div class="memberItem"> |
137 <div class="memberName">old heap</div> | 136 <div class="memberName">old heap</div> |
138 <div class="memberValue"> | 137 <div class="memberValue"> |
139 {{ isolate.oldHeapUsed | formatSize }} | 138 {{ isolate.oldSpace.used | formatSize }} |
140 of | 139 of |
141 {{ isolate.oldHeapCapacity | formatSize }} | 140 {{ isolate.oldSpace.capacity | formatSize }} |
142 </div> | 141 </div> |
143 </div> | 142 </div> |
144 </div> | 143 </div> |
145 <br> | 144 <br> |
146 <div class="memberItem"> | 145 <div class="memberItem"> |
147 <div class="memberValue"> | 146 <div class="memberValue"> |
148 See <a on-click="{{ goto }}" href="{{ gotoLink('/class-tree' + isola
te.link) }}">class hierarchy</a> | 147 See <a on-click="{{ goto }}" href="{{ gotoLink('/class-tree' + isola
te.link) }}">class hierarchy</a> |
149 </div> | 148 </div> |
150 </div> | 149 </div> |
151 <div class="memberItem"> | 150 <div class="memberItem"> |
152 <div class="memberValue"> | 151 <div class="memberValue"> |
153 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'stacktrace')) }}">stack trace</a> | 152 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'stacktrace')) }}">stack trace</a> |
154 </div> | 153 </div> |
155 </div> | 154 </div> |
156 <div class="memberItem"> | 155 <div class="memberItem"> |
157 <div class="memberValue"> | 156 <div class="memberValue"> |
158 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'profile')) }}">cpu profile</a> | 157 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'profile')) }}">cpu profile</a> |
159 </div> | 158 </div> |
160 </div> | 159 </div> |
161 <div class="memberItem"> | 160 <div class="memberItem"> |
162 <div class="memberValue"> | 161 <div class="memberValue"> |
163 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'allocationprofile')) }}">allocation profile</a> | 162 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'allocationprofile')) }}">allocation profile</a> |
164 </div> | 163 </div> |
165 </div> | 164 </div> |
166 <div class="memberItem"> | 165 <div class="memberItem"> |
167 <div class="memberValue"> | 166 <div class="memberValue"> |
168 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'heapmap')) }}">heap map</a> | 167 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink(
'heapmap')) }}">heap map</a> |
169 </div> | 168 </div> |
170 </div> | 169 </div> |
171 <!-- Disable io link until UI is properly implemented. | |
172 <template if="{{ isolate.ioEnabled }}"> | 170 <template if="{{ isolate.ioEnabled }}"> |
173 <div class="memberItem"> | 171 <div class="memberItem"> |
174 <div class="memberValue"> | 172 <div class="memberValue"> |
175 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLin
k('io')) }}">dart:io</a> | 173 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLin
k('io')) }}">dart:io</a> |
176 </div> | 174 </div> |
177 </div> | 175 </div> |
178 </template> | 176 </template> |
179 --> | |
180 </div> | 177 </div> |
181 <div class="flex-item-10-percent"> | 178 <div class="flex-item-10-percent"> |
182 </div> | 179 </div> |
183 </div> | 180 </div> |
184 </template> | 181 </template> |
185 </polymer-element> | 182 </polymer-element> |
186 | 183 |
187 <polymer-element name="isolate-counter-chart" extends="observatory-element"> | 184 <polymer-element name="isolate-counter-chart" extends="observatory-element"> |
188 <template> | 185 <template> |
189 <div id="counterPieChart" style="height: 200px"></div> | 186 <div id="counterPieChart" style="height: 200px"></div> |
190 </template> | 187 </template> |
191 </polymer-element> | 188 </polymer-element> |
192 | 189 |
193 <script type="application/dart" src="isolate_summary.dart"></script> | 190 <script type="application/dart" src="isolate_summary.dart"></script> |
OLD | NEW |