| OLD | NEW |
| (Empty) | |
| 1 <head> |
| 2 <link rel="import" href="curly_block.html"> |
| 3 <link rel="import" href="eval_box.html"> |
| 4 <link rel="import" href="function_ref.html"> |
| 5 <link rel="import" href="library_ref.html"> |
| 6 <link rel="import" href="nav_bar.html"> |
| 7 <link rel="import" href="observatory_element.html"> |
| 8 <link rel="import" href="script_ref.html"> |
| 9 </head> |
| 10 <polymer-element name="isolate-view" extends="observatory-element"> |
| 11 <template> |
| 12 <style> |
| 13 .content { |
| 14 padding-left: 10%; |
| 15 font: 400 14px 'Montserrat', sans-serif; |
| 16 } |
| 17 h1 { |
| 18 font: 400 18px 'Montserrat', sans-serif; |
| 19 } |
| 20 .memberList { |
| 21 display: table; |
| 22 } |
| 23 .memberItem { |
| 24 display: table-row; |
| 25 } |
| 26 .memberName, .memberValue { |
| 27 display: table-cell; |
| 28 vertical-align: top; |
| 29 padding: 3px 0 3px 1em; |
| 30 font: 400 14px 'Montserrat', sans-serif; |
| 31 } |
| 32 .sourceInset { |
| 33 padding-left: 15%; |
| 34 padding-right: 15%; |
| 35 } |
| 36 </style> |
| 37 |
| 38 <nav-bar> |
| 39 <top-nav-menu></top-nav-menu> |
| 40 <isolate-nav-menu isolate="{{ isolate }}" last="{{ true }}"> |
| 41 </isolate-nav-menu> |
| 42 </nav-bar> |
| 43 |
| 44 <div class="content"> |
| 45 <h1>isolate '{{ isolate.name }}'</h1> |
| 46 <div class="memberList"> |
| 47 <div class="memberItem"> |
| 48 <div class="memberName">status</div> |
| 49 <div class="memberValue"> |
| 50 <template if="{{ isolate.topFrame == null }}"> |
| 51 <strong>idle</strong> |
| 52 </template> |
| 53 <template if="{{ isolate.topFrame != null }}"> |
| 54 <strong>running</strong> |
| 55 @ |
| 56 <function-ref ref="{{ isolate.topFrame['function'] }}"> |
| 57 </function-ref> |
| 58 (<script-ref ref="{{ isolate.topFrame['script'] }}" |
| 59 line="{{ isolate.topFrame['line'] }}"></script-ref>) |
| 60 </template> |
| 61 </div> |
| 62 </div> |
| 63 </div> |
| 64 </div> |
| 65 |
| 66 <template if="{{ isolate.topFrame != null }}"> |
| 67 <br> |
| 68 <div class="sourceInset"> |
| 69 <pre> |
| 70 {{ isolate.topFrame['line'] }} {{ isolate.topFrame['lineString'
] }}</pre> |
| 71 </div> |
| 72 </template> |
| 73 |
| 74 <br> |
| 75 |
| 76 <div class="content"> |
| 77 <div class="memberList"> |
| 78 <div class="memberItem"> |
| 79 <div class="memberName">root library</div> |
| 80 <div class="memberValue"> |
| 81 <function-ref ref="{{ isolate.rootLib }}"></function-ref> |
| 82 </div> |
| 83 </div> |
| 84 <div class="memberItem"> |
| 85 <template if="{{ isolate.entry != null }}"> |
| 86 <div class="memberName">entry</div> |
| 87 <div class="memberValue"> |
| 88 <function-ref ref="{{ isolate.entry }}"></function-ref> |
| 89 </div> |
| 90 </template> |
| 91 </div> |
| 92 <div class="memberItem"> |
| 93 <div class="memberName">id</div> |
| 94 <div class="memberValue">{{ isolate.vmName }}</div> |
| 95 </div> |
| 96 <br> |
| 97 <div class="memberItem"> |
| 98 <div class="memberValue"> |
| 99 See <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack tra
ce</a> |
| 100 </div> |
| 101 </div> |
| 102 <div class="memberItem"> |
| 103 <div class="memberValue"> |
| 104 See <a href="{{ isolate.relativeHashLink('profile') }}">cpu profile<
/a> |
| 105 </div> |
| 106 </div> |
| 107 <div class="memberItem"> |
| 108 <div class="memberValue"> |
| 109 See <a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">br
eakpoints</a> |
| 110 |
| 111 </div> |
| 112 </div> |
| 113 </div> |
| 114 </div> |
| 115 |
| 116 <hr> |
| 117 |
| 118 <div class="content"> |
| 119 <div class="memberList"> |
| 120 <div class="memberItem"> |
| 121 <div class="memberName">new heap</div> |
| 122 <div class="memberValue"> |
| 123 {{ isolate.newHeapUsed | formatSize }} |
| 124 of |
| 125 {{ isolate.newHeapCapacity | formatSize }} |
| 126 </div> |
| 127 </div> |
| 128 <div class="memberItem"> |
| 129 <div class="memberName">old heap</div> |
| 130 <div class="memberValue"> |
| 131 {{ isolate.oldHeapUsed | formatSize }} |
| 132 of |
| 133 {{ isolate.oldHeapCapacity | formatSize }} |
| 134 </div> |
| 135 </div> |
| 136 </div> |
| 137 |
| 138 <br> |
| 139 |
| 140 <div class="memberList"> |
| 141 <div class="memberItem"> |
| 142 <div class="memberValue"> |
| 143 See <a href="{{ isolate.relativeHashLink('allocationprofile') }}">he
ap profile</a> |
| 144 </div> |
| 145 </div> |
| 146 <div class="memberItem"> |
| 147 <div class="memberValue"> |
| 148 See <a href="{{ isolate.relativeHashLink('heapmap') }}">heap map</a> |
| 149 </div> |
| 150 </div> |
| 151 </div> |
| 152 </div> |
| 153 |
| 154 <hr> |
| 155 |
| 156 <div class="content"> |
| 157 <eval-box callback="{{ eval }}"></eval-box> |
| 158 </div> |
| 159 <br><br><br><br> |
| 160 <br><br><br><br> |
| 161 </template> |
| 162 <script type="application/dart" src="isolate_view.dart"></script> |
| 163 </polymer-element> |
| OLD | NEW |