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

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

Issue 271153002: Add pause/resume for isolates in vmservice/observatory. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 7 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 <head>
2 <link rel="import" href="action_link.html">
2 <link rel="import" href="curly_block.html"> 3 <link rel="import" href="curly_block.html">
3 <link rel="import" href="eval_box.html"> 4 <link rel="import" href="eval_box.html">
4 <link rel="import" href="function_ref.html"> 5 <link rel="import" href="function_ref.html">
5 <link rel="import" href="library_ref.html"> 6 <link rel="import" href="library_ref.html">
6 <link rel="import" href="nav_bar.html"> 7 <link rel="import" href="nav_bar.html">
7 <link rel="import" href="observatory_element.html"> 8 <link rel="import" href="observatory_element.html">
8 <link rel="import" href="script_inset.html"> 9 <link rel="import" href="script_inset.html">
9 <link rel="import" href="script_ref.html"> 10 <link rel="import" href="script_ref.html">
10 </head> 11 </head>
11 <polymer-element name="isolate-view" extends="observatory-element"> 12 <polymer-element name="isolate-view" extends="observatory-element">
(...skipping 11 matching lines...) Expand all
23 24
24 <nav-bar> 25 <nav-bar>
25 <top-nav-menu></top-nav-menu> 26 <top-nav-menu></top-nav-menu>
26 <isolate-nav-menu isolate="{{ isolate }}" last="{{ true }}"> 27 <isolate-nav-menu isolate="{{ isolate }}" last="{{ true }}">
27 </isolate-nav-menu> 28 </isolate-nav-menu>
28 <nav-refresh callback="{{ refresh }}"></nav-refresh> 29 <nav-refresh callback="{{ refresh }}"></nav-refresh>
29 </nav-bar> 30 </nav-bar>
30 31
31 <div class="content"> 32 <div class="content">
32 <h1>isolate '{{ isolate.name }}'</h1> 33 <h1>isolate '{{ isolate.name }}'</h1>
33 <div class="memberList"> 34 </div>
34 <div class="memberItem">
35 <div class="memberName">status</div>
36 <div class="memberValue">
37 <template if="{{ isolate.pausedOnStart }}">
38 <strong style="color:darkred;">paused</strong> @ isolate start
39 <span style="padding-left:20px;">
40 [<a on-click="{{ resume }}">resume</a>]
41 </span>
42 </template>
43 35
44 <template if="{{ isolate.pausedOnExit }}"> 36 <br>
45 <strong style="color:darkred;">paused</strong> @ isolate exit 37 <div class="flex-row">
46 <span style="padding-left:20px;"> 38 <div class="flex-item-10-percent">
47 [<a on-click="{{ resume }}">resume</a>] 39 </div>
48 </span> 40 <div class="flex-item-20-percent">
49 </template> 41 <isolate-run-state isolate="{{ isolate }}"></isolate-run-state>
50 42 </div>
51 <template if="{{ isolate.running }}"> 43 <div class="flex-item-60-percent">
52 <strong>running</strong> 44 <isolate-location isolate="{{ isolate }}"></isolate-location>
53 @ 45 </div>
54 <function-ref ref="{{ isolate.topFrame['function'] }}"> 46 <div class="flex-item-10-percent">
55 </function-ref>
56 (<script-ref ref="{{ isolate.topFrame['script'] }}"
57 pos="{{ isolate.topFrame['tokenPos'] }}">
58 </script-ref>)
59 </template>
60
61 <template if="{{ isolate.idle }}">
62 <strong>idle</strong>
63 </template>
64 </div>
65 </div>
66 </div> 47 </div>
67 </div> 48 </div>
68
69 <template if="{{ isolate.error != null }}">
70 <div class="content">
71 <h1>Error</h1>
72 <div class="memberList">
73 <div class="memberItem">
74 <div class="memberName">message</div>
75 <div class="memberValue">
76 <pre>{{ isolate.error.message }}</pre>
77 </div>
78 </div>
79 <div class="memberItem">
80 <template if="{{ isolate.error.exception != null }}">
81 <div class="memberName">exception</div>
82 <div class="memberValue">
83 <instance-ref ref="{{ isolate.error.exception }}"></instance-ref >
84 </div>
85 </template>
86 </div>
87 <div class="memberItem">
88 <template if="{{ isolate.error.stacktrace != null }}">
89 <div class="memberName">stacktrace</div>
90 <div class="memberValue">
91 <instance-ref ref="{{ isolate.error.stacktrace }}"></instance-ref>
92 </div>
93 </template>
94 </div>
95 </div>
96 </div>
97 <hr>
98 </template>
99
100 <br> 49 <br>
101 50
102 <template if="{{ isolate.topFrame != null }}"> 51 <template if="{{ isolate.topFrame != null }}">
52 <br>
103 <script-inset script="{{ isolate.topFrame['script'] }}" 53 <script-inset script="{{ isolate.topFrame['script'] }}"
104 pos="{{ isolate.topFrame['tokenPos'] }}"> 54 pos="{{ isolate.topFrame['tokenPos'] }}">
105 </script-inset> 55 </script-inset>
106 </template> 56 </template>
107 57
58 <div class="flex-row">
59 <div class="flex-item-20-percent"></div>
60 <div class="flex-item-60-percent"><hr></div>
61 <div class="flex-item-20-percent"></div>
62 </div>
63
108 <br> 64 <br>
109 65
66 <isolate-shared-summary isolate="{{ isolate }}"></isolate-shared-summary>
67
68 <div class="flex-row">
69 <div class="flex-item-20-percent"></div>
70 <div class="flex-item-60-percent"><hr></div>
71 <div class="flex-item-20-percent"></div>
72 </div>
73
110 <div class="content-centered"> 74 <div class="content-centered">
111 <div class="flex-row"> 75 <div class="flex-row">
112 76 <div class="flex-item-50-percent">
113 <div class="flex-item-fixed-6-12">
114 <div class="memberList"> 77 <div class="memberList">
115 <div class="memberItem"> 78 <div class="memberItem">
116 <div class="memberName">root library</div> 79 <div class="memberName">root library</div>
117 <div class="memberValue"> 80 <div class="memberValue">
118 <library-ref ref="{{ isolate.rootLib }}"></library-ref> 81 <library-ref ref="{{ isolate.rootLib }}"></library-ref>
119 </div> 82 </div>
120 </div> 83 </div>
121 <div class="memberItem"> 84 <div class="memberItem">
122 <template if="{{ isolate.entry != null }}"> 85 <template if="{{ isolate.entry != null }}">
123 <div class="memberName">entry</div> 86 <div class="memberName">entry</div>
124 <div class="memberValue"> 87 <div class="memberValue">
125 <function-ref ref="{{ isolate.entry }}"></function-ref> 88 <function-ref ref="{{ isolate.entry }}"></function-ref>
126 </div> 89 </div>
127 </template> 90 </template>
128 </div> 91 </div>
129 <div class="memberItem"> 92 <div class="memberItem">
130 <div class="memberName">id</div> 93 <div class="memberName">isolate id</div>
131 <div class="memberValue">{{ isolate.mainPort }}</div> 94 <div class="memberValue">{{ isolate.mainPort }}</div>
132 </div> 95 </div>
133 <br>
134 <div class="memberItem">
135 <div class="memberValue">
136 See <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a>
137 </div>
138 </div>
139 <div class="memberItem">
140 <div class="memberValue">
141 See <a href="{{ isolate.relativeHashLink('profile') }}">cpu prof ile</a>
142 </div>
143 </div>
144 <div class="memberItem">
145 <div class="memberValue">
146 See <a href="{{ isolate.relativeHashLink('debug/breakpoints') }} ">breakpoints</a>
147
148 </div>
149 </div>
150 </div> 96 </div>
151 </div> 97 </div>
152 98 <div class="flex-item-50-percent">
153 <div class="flex-item-fixed-6-12"> 99 <div class="memberItem">
154 <div class="memberList"> 100 <div class="memberValue">
155 <div class="memberItem"> 101 See <a href="{{ isolate.relativeHashLink('debug/breakpoints') }}"> breakpoints</a>
156 <div class="memberName">new heap</div>
157 <div class="memberValue">
158 {{ isolate.newHeapUsed | formatSize }}
159 of
160 {{ isolate.newHeapCapacity | formatSize }}
161 </div>
162 </div>
163 <div class="memberItem">
164 <div class="memberName">old heap</div>
165 <div class="memberValue">
166 {{ isolate.oldHeapUsed | formatSize }}
167 of
168 {{ isolate.oldHeapCapacity | formatSize }}
169 </div>
170 </div>
171 </div>
172 <br>
173 <div class="memberList">
174 <div class="memberItem">
175 <div class="memberValue">
176 See <a href="{{ isolate.relativeHashLink('allocationprofile') }} ">allocation profile</a>
177 </div>
178 </div>
179 <div class="memberItem">
180 <div class="memberValue">
181 See <a href="{{ isolate.relativeHashLink('heapmap') }}">heap map </a>
182 </div>
183 </div> 102 </div>
184 </div> 103 </div>
185 </div> 104 </div>
186 105 </div>
187 </div> <!-- flex row --> 106 </div>
188 </div> <!-- content -->
189 107
190 <hr> 108 <hr>
191 109
192 <div class="content"> 110 <div class="content">
193 libraries ({{ isolate.libraries.length }}) 111 libraries ({{ isolate.libraries.length }})
194 <curly-block expand="{{ isolate.libraries.length <= 8 }}"> 112 <curly-block expand="{{ isolate.libraries.length <= 8 }}">
195 <div class="memberList"> 113 <div class="memberList">
196 <template repeat="{{ lib in isolate.libraries }}"> 114 <template repeat="{{ lib in isolate.libraries }}">
197 <div class="memberItem"> 115 <div class="memberItem">
198 <div class="memberName"> 116 <div class="memberName">
199 <library-ref ref="{{ lib }}"></library-ref> 117 <library-ref ref="{{ lib }}"></library-ref>
200 </div> 118 </div>
201 </div> 119 </div>
202 </template> 120 </template>
203 </div> 121 </div>
204 </curly-block> 122 </curly-block>
205 </div> 123 </div>
206 124
207 <hr> 125 <hr>
208 126
209 <div class="content"> 127 <div class="content">
210 <div class="memberValue">Isolate execution</div>
211 <template repeat="{{ key in isolate.counters.keys }}">
212 <div class="memberValue">{{ key }} ({{ isolate.counters[key] }})</div>
213 </template>
214 </div>
215
216 <div class="content">
217 <div id="tagProfileChart" class="miniProfileChart" style="height: 600px">< /div> 128 <div id="tagProfileChart" class="miniProfileChart" style="height: 600px">< /div>
218 </div> 129 </div>
219 130
220 <hr> 131 <hr>
221 132
222 <div class="content"> 133 <div class="content">
223 <eval-box callback="{{ eval }}"></eval-box> 134 <eval-box callback="{{ eval }}"></eval-box>
224 </div> 135 </div>
225 <br><br><br><br> 136 <br><br><br><br>
226 <br><br><br><br> 137 <br><br><br><br>
227 </template> 138 </template>
228 <script type="application/dart" src="isolate_view.dart"></script> 139 <script type="application/dart" src="isolate_view.dart"></script>
229 </polymer-element> 140 </polymer-element>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698