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