| 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 |