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

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

Issue 342513004: Visual refresh of allocation profile page (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 6 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 <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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698