OLD | NEW |
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 Loading... |
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> |
OLD | NEW |