| <head> |
| <link rel="import" href="action_link.html"> |
| <link rel="import" href="function_ref.html"> |
| <link rel="import" href="isolate_ref.html"> |
| <link rel="import" href="observatory_element.html"> |
| <link rel="import" href="script_inset.html"> |
| <link rel="import" href="script_ref.html"> |
| </head> |
| <polymer-element name="isolate-summary" extends="observatory-element"> |
| <template> |
| <link rel="stylesheet" href="css/shared.css"> |
| <div class="flex-row"> |
| <div class="flex-item-10-percent"> |
| <img src="img/isolate_icon.png"> |
| </div> |
| <div class="flex-item-10-percent"> |
| <isolate-ref ref="{{ isolate }}"></isolate-ref> |
| </div> |
| <div class="flex-item-20-percent"> |
| <isolate-run-state isolate="{{ isolate }}"></isolate-run-state> |
| </div> |
| <div class="flex-item-50-percent"> |
| <isolate-location isolate="{{ isolate }}"></isolate-location> |
| </div> |
| <div class="flex-item-10-percent"> |
| </div> |
| </div> |
| |
| <div class="flex-row"> |
| <div class="flex-item-20-percent"></div> |
| <div class="flex-item-60-percent"> |
| <hr> |
| </div> |
| <div class="flex-item-20-percent"></div> |
| </div> |
| |
| <isolate-shared-summary isolate="{{ isolate }}"></isolate-shared-summary> |
| |
| </template> |
| </polymer-element> |
| |
| <polymer-element name="isolate-run-state" extends="observatory-element"> |
| <template> |
| <template if="{{ isolate.pauseEvent != null }}"> |
| <strong>paused</strong> |
| <action-link callback="{{ resume }}" label="resume"></action-link> |
| </template> |
| |
| <template if="{{ isolate.running }}"> |
| <strong>running</strong> |
| <action-link callback="{{ pause }}" label="pause"></action-link> |
| </template> |
| |
| <template if="{{ isolate.idle }}"> |
| <strong>idle</strong> |
| </template> |
| |
| <template if="{{ isolate.loading }}"> |
| <strong>loading...</strong> |
| </template> |
| </template> |
| </polymer-element> |
| |
| <polymer-element name="isolate-location" extends="observatory-element"> |
| <template> |
| <template if="{{ isolate.pauseEvent != null }}"> |
| <template if="{{ isolate.pauseEvent['eventType'] == 'IsolateCreated' }}"> |
| at isolate start |
| </template> |
| <template if="{{ isolate.pauseEvent['eventType'] == 'IsolateShutdown' }}"> |
| at isolate exit |
| </template> |
| <template if="{{ isolate.pauseEvent['eventType'] == 'IsolateInterrupted' }}"> |
| at |
| <function-ref ref="{{ isolate.topFrame['function'] }}"> |
| </function-ref> |
| (<script-ref ref="{{ isolate.topFrame['script'] }}" |
| pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>) |
| </template> |
| <template if="{{ isolate.pauseEvent['eventType'] == 'BreakpointReached' }}"> |
| at breakpoint {{ isolate.pauseEvent['breakpoint']['id'] }} |
| <function-ref ref="{{ isolate.topFrame['function'] }}"> |
| </function-ref> |
| (<script-ref ref="{{ isolate.topFrame['script'] }}" |
| pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>) |
| </template> |
| </template> |
| |
| <template if="{{ isolate.running }}"> |
| at |
| <function-ref ref="{{ isolate.topFrame['function'] }}"> |
| </function-ref> |
| (<script-ref ref="{{ isolate.topFrame['script'] }}" |
| pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>) |
| </template> |
| |
| </template> |
| </polymer-element> |
| |
| <polymer-element name="isolate-shared-summary" extends="observatory-element"> |
| <template> |
| <style> |
| .errorBox { |
| background-color: #f5f5f5; |
| border: 1px solid #ccc; |
| padding: 10px; |
| font-family: consolas, courier, monospace; |
| font-size: 1em; |
| line-height: 1.2em; |
| white-space: pre; |
| } |
| </style> |
| <link rel="stylesheet" href="css/shared.css"> |
| <template if="{{ isolate.error != null }}"> |
| <div class="content-centered"> |
| <pre class="errorBox">{{ isolate.error.message }}</pre> |
| <br> |
| </div> |
| </template> |
| <div class="flex-row"> |
| <div class="flex-item-10-percent"> |
| </div> |
| <div class="flex-item-40-percent"> |
| <isolate-counter-chart counters="{{ isolate.counters }}"></isolate-counter-chart> |
| </div> |
| <div class="flex-item-40-percent"> |
| <div class="memberList"> |
| <div class="memberItem"> |
| <div class="memberName">new heap</div> |
| <div class="memberValue"> |
| {{ isolate.newHeapUsed | formatSize }} |
| of |
| {{ isolate.newHeapCapacity | formatSize }} |
| </div> |
| </div> |
| <div class="memberItem"> |
| <div class="memberName">old heap</div> |
| <div class="memberValue"> |
| {{ isolate.oldHeapUsed | formatSize }} |
| of |
| {{ isolate.oldHeapCapacity | formatSize }} |
| </div> |
| </div> |
| </div> |
| <br> |
| <div class="memberItem"> |
| <div class="memberValue"> |
| See <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> |
| </div> |
| </div> |
| <div class="memberItem"> |
| <div class="memberValue"> |
| See <a href="{{ isolate.relativeHashLink('profile') }}">cpu profile</a> |
| </div> |
| </div> |
| <div class="memberItem"> |
| <div class="memberValue"> |
| See <a href="{{ isolate.relativeHashLink('allocationprofile') }}">allocation profile</a> |
| </div> |
| </div> |
| <div class="memberItem"> |
| <div class="memberValue"> |
| See <a href="{{ isolate.relativeHashLink('heapmap') }}">heap map</a> |
| </div> |
| </div> |
| <template if="{{ isolate.ioEnabled }}"> |
| <div class="memberItem"> |
| <div class="memberValue"> |
| See <a href="{{ isolate.relativeHashLink('io') }}">dart:io</a> |
| </div> |
| </div> |
| </template> |
| </div> |
| <div class="flex-item-10-percent"> |
| </div> |
| </div> |
| </template> |
| </polymer-element> |
| |
| <polymer-element name="isolate-counter-chart" extends="observatory-element"> |
| <template> |
| <div id="counterPieChart" style="height: 200px"></div> |
| </template> |
| </polymer-element> |
| |
| <script type="application/dart" src="isolate_summary.dart"></script> |
