| OLD | NEW |
| 1 <head> | 1 <head> |
| 2 <link rel="import" href="function_ref.html"> | 2 <link rel="import" href="function_ref.html"> |
| 3 <link rel="import" href="isolate_ref.html"> | 3 <link rel="import" href="isolate_ref.html"> |
| 4 <link rel="import" href="observatory_element.html"> | 4 <link rel="import" href="observatory_element.html"> |
| 5 <link rel="import" href="script_inset.html"> | 5 <link rel="import" href="script_inset.html"> |
| 6 <link rel="import" href="script_ref.html"> | 6 <link rel="import" href="script_ref.html"> |
| 7 </head> | 7 </head> |
| 8 <polymer-element name="isolate-summary" extends="observatory-element"> | 8 <polymer-element name="isolate-summary" extends="observatory-element"> |
| 9 <template> | 9 <template> |
| 10 <div class="row"> | 10 <link rel="stylesheet" href="css/shared.css" /> |
| 11 <div class="col-md-1"> | 11 <style> |
| 12 <img src="img/isolate_icon.png" class="img-polaroid"> | 12 .counters { |
| 13 </div> | 13 display: flex; |
| 14 | 14 flex-direction: row; |
| 15 <div class="col-md-1">{{ isolate.mainPort }}</div> | 15 justify-content: center; |
| 16 | 16 } |
| 17 <div class="col-md-4"> | 17 .counter { |
| 18 <div class="row"> | 18 margin: 10px; |
| 19 } |
| 20 </style> |
| 21 <div class="flex-row"> |
| 22 <div class="flex-item-fixed-1-12"><img src="img/isolate_icon.png"></div> |
| 23 <div class="flex-item-fixed-1-12">{{ isolate.mainPort }}</div> |
| 24 <div class="flex-item-fixed-4-12"> |
| 25 <div class="flex-row"> |
| 19 <isolate-ref ref="{{ isolate }}"></isolate-ref> | 26 <isolate-ref ref="{{ isolate }}"></isolate-ref> |
| 20 </div> | 27 </div> |
| 21 | 28 <div class="flex-row"> |
| 22 <div class="row"> | |
| 23 <small> | 29 <small> |
| 24 (<a href="{{ isolate.rootLib.hashLink }}">library</a>) | 30 (<a href="{{ isolate.rootLib.hashLink }}">library</a>) |
| 25 (<a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">break
points</a>) | 31 (<a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">break
points</a>) |
| 26 (<a href="{{ isolate.relativeHashLink('profile') }}">profile</a>) | 32 (<a href="{{ isolate.relativeHashLink('profile') }}">profile</a>) |
| 27 </small> | 33 </small> |
| 28 </div> | 34 </div> |
| 29 </div> | 35 </div> |
| 30 | 36 |
| 31 <div class="col-md-2"> | 37 <div class="flex-item-fixed-2-12"> |
| 32 <a href="{{ isolate.relativeHashLink('allocationprofile') }}"> | 38 <a href="{{ isolate.relativeHashLink('allocationprofile') }}"> |
| 33 {{ isolate.newHeapUsed | formatSize }}/{{ isolate.oldHeapUsed | format
Size }} | 39 {{ isolate.newHeapUsed | formatSize }}/{{ isolate.oldHeapUsed | format
Size }} |
| 34 </a> | 40 </a> |
| 35 ( <a href="{{ isolate.relativeHashLink('heapmap') }}">map</a> ) | 41 ( <a href="{{ isolate.relativeHashLink('heapmap') }}">map</a> ) |
| 36 </div> | 42 </div> |
| 37 <div class="col-md-2"> | 43 <div class="flex-item-fixed-2-12"> |
| 38 <template if="{{ isolate.topFrame == null }}"> | 44 <template if="{{ isolate.topFrame == null }}"> |
| 39 idle | 45 idle |
| 40 </template> | 46 </template> |
| 41 <template if="{{ isolate.topFrame != null }}"> | 47 <template if="{{ isolate.topFrame != null }}"> |
| 42 run | 48 run |
| 43 </template> | 49 </template> |
| 44 ( <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a>
) | 50 ( <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a>
) |
| 45 </div> | 51 </div> |
| 46 </div> | 52 </div> |
| 47 | 53 |
| 48 <div class="content"> | 54 <div class="counters"> |
| 49 <template repeat="{{ key in isolate.counters.keys }}"> | 55 <template repeat="{{ key in isolate.counters.keys }}"> |
| 50 <div class="memberValue">{{ key }} ({{ isolate.counters[key] }})</div> | 56 <div class="counter">{{ key }} ({{ isolate.counters[key] }})</div> |
| 51 </template> | 57 </template> |
| 52 </div> | 58 </div> |
| 53 | 59 |
| 54 <template if="{{ isolate.topFrame != null }}"> | 60 <template if="{{ isolate.topFrame != null }}"> |
| 55 <script-inset script="{{ isolate.topFrame['script'] }}" | 61 <script-inset script="{{ isolate.topFrame['script'] }}" |
| 56 pos="{{ isolate.topFrame['tokenPos'] }}"> | 62 pos="{{ isolate.topFrame['tokenPos'] }}"> |
| 57 <function-ref ref="{{ isolate.topFrame['function'] }}"></function-ref> | 63 <function-ref ref="{{ isolate.topFrame['function'] }}"></function-ref> |
| 58 (<script-ref ref="{{ isolate.topFrame['script'] }}" | 64 (<script-ref ref="{{ isolate.topFrame['script'] }}" |
| 59 pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>) | 65 pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>) |
| 60 </script-inset> | 66 </script-inset> |
| 61 </template> | 67 </template> |
| 62 </template> | 68 </template> |
| 63 <script type="application/dart" src="isolate_summary.dart"></script> | 69 <script type="application/dart" src="isolate_summary.dart"></script> |
| 64 </polymer-element> | 70 </polymer-element> |
| OLD | NEW |