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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: runtime/observatory/lib/src/elements/isolate_summary.html

Issue 2217723004: Converted Observatory isolate-summary element (Closed) Base URL: git@github.com:dart-lang/sdk.git@master
Patch Set: Added final tests Created 4 years, 4 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
« patch ('K') | « runtime/observatory/lib/src/elements/isolate_summary.dart ('k') | runtime/observatory/lib/src/elements/observatory_application.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <link rel="import" href="../../../../packages/polymer/polymer.html"> 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="script_inset.html"> 3 <link rel="import" href="script_inset.html">
4 4
5 <polymer-element name="isolate-summary"> 5 <polymer-element name="isolate-summary">
6 <template> 6 <template>
7 <link rel="stylesheet" href="css/shared.css"> 7 <link rel="stylesheet" href="css/shared.css">
8 <div class="flex-row"> 8 <div class="flex-row">
9 <div> 9 <div>
10 <isolate-ref ref="{{ isolate }}"></isolate-ref> 10 <isolate-ref ref="{{ isolate }}"></isolate-ref>
(...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after
78 <template if="{{ isolate.running }}"> 78 <template if="{{ isolate.running }}">
79 at 79 at
80 <function-ref ref="{{ isolate.topFrame.function }}"> 80 <function-ref ref="{{ isolate.topFrame.function }}">
81 </function-ref> 81 </function-ref>
82 (<source-link location="{{ isolate.topFrame.location }}"></source-link>) 82 (<source-link location="{{ isolate.topFrame.location }}"></source-link>)
83 </template> 83 </template>
84 84
85 </template> 85 </template>
86 </polymer-element> 86 </polymer-element>
87 87
88 <polymer-element name="isolate-shared-summary">
89 <template>
90 <style>
91 .errorBox {
92 background-color: #f5f5f5;
93 border: 1px solid #ccc;
94 padding: 2em;
95 font-family: consolas, courier, monospace;
96 font-size: 1em;
97 line-height: 1.2em;
98 white-space: pre;
99 }
100 </style>
101 <link rel="stylesheet" href="css/shared.css">
102 <template if="{{ isolate.error != null }}">
103 <div class="content-centered">
104 <pre class="errorBox">{{ isolate.error.message }}</pre>
105 <br>
106 </div>
107 </template>
108 <div class="flex-row">
109 <div style="flex:2">
110 <isolate-counter-chart counters="{{ isolate.counters }}"></isolate-count er-chart>
111 </div>
112 <div style="flex:1">
113 <div class="memberList">
114 <div class="memberItem">
115 <div class="memberName">new heap</div>
116 <div class="memberValue">
117 {{ isolate.newSpace.used | formatSize }}
118 of
119 {{ isolate.newSpace.capacity | formatSize }}
120 </div>
121 </div>
122 <div class="memberItem">
123 <div class="memberName">old heap</div>
124 <div class="memberValue">
125 {{ isolate.oldSpace.used | formatSize }}
126 of
127 {{ isolate.oldSpace.capacity | formatSize }}
128 </div>
129 </div>
130 </div>
131 <br>
132 <div class="memberItem">
133 <div class="memberValue">
134 See <a on-click="{{ goto }}" _href="{{ gotoLink('/debugger', isolate ) }}">debugger</a>
135 </div>
136 </div>
137 <div class="memberItem">
138 <div class="memberValue">
139 See <a on-click="{{ goto }}" _href="{{ gotoLink('/class-tree', isola te) }}">class hierarchy</a>
140 </div>
141 </div>
142 <div class="memberItem">
143 <div class="memberValue">
144 See <a on-click="{{ goto }}" _href="{{ gotoLink('/profiler', isolate ) }}">cpu profile</a>
145 </div>
146 </div>
147 <div class="memberItem">
148 <div class="memberValue">
149 See <a on-click="{{ goto }}" _href="{{ gotoLink('/profiler-table', i solate) }}">cpu profile (table)</a>
150 </div>
151 </div>
152 <div class="memberItem">
153 <div class="memberValue">
154 See <a on-click="{{ goto }}" _href="{{ gotoLink('/allocation-profile r', isolate) }}">allocation profile</a>
155 </div>
156 </div>
157 <div class="memberItem">
158 <div class="memberValue">
159 See <a on-click="{{ goto }}" _href="{{ gotoLink('/heap-map', isolate ) }}">heap map</a>
160 </div>
161 </div>
162 <div class="memberItem">
163 <div class="memberValue">
164 See <a on-click="{{ goto }}" _href="{{ gotoLink('/metrics', isolate) }}">metrics</a>
165 </div>
166 </div>
167 <div class="memberItem">
168 <div class="memberValue">
169 See <a on-click="{{ goto }}" _href="{{ gotoLink('/heap-snapshot', is olate) }}">heap snapshot</a>
170 </div>
171 </div>
172 <div class="memberItem">
173 <div class="memberValue">
174 See <a on-click="{{ goto }}" _href="{{ gotoLink('/persistent-handles ', isolate) }}">persistent handles</a>
175 </div>
176 </div>
177 <div class="memberItem">
178 <div class="memberValue">
179 See <a on-click="{{ goto }}" _href="{{ gotoLink('/ports', isolate) } }">ports</a>
180 </div>
181 </div>
182 <div class="memberItem">
183 <div class="memberValue">
184 See <a on-click="{{ goto }}" _href="{{ gotoLink('/logging', isolate) }}">logging</a>
185 </div>
186 </div>
187 <!-- Temporarily disabled until UI for dart:io is acceptable.
188 <template if="{{ isolate.ioEnabled }}">
189 <div class="memberItem">
190 <div class="memberValue">
191 See <a on-click="{{ goto }}" href="{{ gotoLink('/io', isolate) }}" >dart:io</a>
192 </div>
193 </div>
194 </template>
195 -->
196 </div>
197 </div>
198 </template>
199 </polymer-element>
200
201 <polymer-element name="isolate-counter-chart">
202 <template>
203 <link rel="stylesheet" href="../../../../packages/charted/charts/themes/quan tum_theme.css">
204 <style>
205 .chart-wrapper {
206 }
207 .chart-host-wrapper {
208 display: flex;
209 flex-direction: row;
210 max-height: 250px;
211 }
212 .chart-host {
213 flex: 1;
214 }
215 .chart-legend-host {
216 flex: 1;
217 overflow-x: auto;
218 overflow-y: auto;
219 }
220 </style>
221 <div class="chart-wrapper" id="isolate-counter-chart">
222 <div class="chart-host-wrapper">
223 <div class="chart-host" id="isolate-counter-chart-host"></div>
224 <div class="chart-legend-host" id="isolate-counter-chart-legend-host"></ div>
225 </div>
226 </div>
227 </template>
228 </polymer-element>
229
230 <script type="application/dart" src="isolate_summary.dart"></script> 88 <script type="application/dart" src="isolate_summary.dart"></script>
OLDNEW
« patch ('K') | « runtime/observatory/lib/src/elements/isolate_summary.dart ('k') | runtime/observatory/lib/src/elements/observatory_application.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698