| OLD | NEW |
|---|
| (Empty) |
| 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> | |
| 2 | |
| 3 <polymer-element name="code-view"> | |
| 4 <template> | |
| 5 <link rel="stylesheet" href="css/shared.css"> | |
| 6 <style> | |
| 7 .table { | |
| 8 table-layout: fixed; | |
| 9 } | |
| 10 | |
| 11 th:nth-of-type(1), td:nth-of-type(1) { | |
| 12 min-width: 10em; | |
| 13 text-align: left; | |
| 14 } | |
| 15 | |
| 16 th:nth-of-type(2), td:nth-of-type(2) { | |
| 17 min-width: 8em; | |
| 18 text-align: left; | |
| 19 } | |
| 20 | |
| 21 th:nth-of-type(3), td:nth-of-type(3) { | |
| 22 min-width: 8em; | |
| 23 text-align: left; | |
| 24 } | |
| 25 | |
| 26 th:nth-of-type(4), td:nth-of-type(4) { | |
| 27 text-align: left; | |
| 28 overflow: visible; | |
| 29 white-space: pre; | |
| 30 padding-right: 1em; | |
| 31 width: 1px; | |
| 32 } | |
| 33 | |
| 34 th:nth-of-type(5), td:nth-of-type(5) { | |
| 35 text-align: left; | |
| 36 overflow: visible; | |
| 37 } | |
| 38 | |
| 39 tr:hover > td { | |
| 40 background-color: #F4C7C3; | |
| 41 } | |
| 42 | |
| 43 .code-comment { | |
| 44 color: grey; | |
| 45 font-style: italic; | |
| 46 } | |
| 47 | |
| 48 </style> | |
| 49 <nav-bar> | |
| 50 <top-nav-menu></top-nav-menu> | |
| 51 <vm-nav-menu vm="{{ code.isolate.vm }}"></vm-nav-menu> | |
| 52 <isolate-nav-menu isolate="{{ code.isolate }}"></isolate-nav-menu> | |
| 53 <nav-menu link="{{ makeLink('/inspect', code) }}" anchor="{{ code.name }}"
last="{{ true }}"></nav-menu> | |
| 54 <nav-refresh callback="{{ refresh }}"></nav-refresh> | |
| 55 <nav-refresh callback="{{ refreshTicks }}" label="Refresh Ticks"></nav-ref
resh> | |
| 56 <nav-notify notifications="{{ app.notifications }}"></nav-notify> | |
| 57 </nav-bar> | |
| 58 <div class="content"> | |
| 59 <template if="{{ code.isDartCode && code.isOptimized }}"> | |
| 60 <h1>Optimized code for {{ code.name }}</h1> | |
| 61 </template> | |
| 62 <template if="{{ !(code.isDartCode && code.isOptimized) }}"> | |
| 63 <h1>Code for {{ code.name }}</h1> | |
| 64 </template> | |
| 65 <object-common object="{{ code }}"></object-common> | |
| 66 | |
| 67 <br><br> | |
| 68 | |
| 69 <div class="memberList"> | |
| 70 <div class="memberItem"> | |
| 71 <div class="memberName">Kind</div> | |
| 72 <div class="memberValue">{{ code.kind.toString() }}</div> | |
| 73 </div> | |
| 74 <template if="{{ code.isDartCode }}"> | |
| 75 <div class="memberItem"> | |
| 76 <div class="memberName">Optimized</div> | |
| 77 <div class="memberValue">{{ code.isOptimized }}</div> | |
| 78 </div> | |
| 79 </template> | |
| 80 <div class="memberItem"> | |
| 81 <div class="memberName">Function</div> | |
| 82 <div class="memberValue"> | |
| 83 <function-ref ref="{{code.function}}"> | |
| 84 </function-ref> | |
| 85 </div> | |
| 86 </div> | |
| 87 <div class="memberItem"> | |
| 88 <div class="memberName">Inclusive</div> | |
| 89 <div class="memberValue">{{ code.profile.formattedInclusiveTicks }}</d
iv> | |
| 90 </div> | |
| 91 <div class="memberItem"> | |
| 92 <div class="memberName">Exclusive</div> | |
| 93 <div class="memberValue">{{ code.profile.formattedExclusiveTicks }}</d
iv> | |
| 94 </div> | |
| 95 <div class="memberItem"> | |
| 96 <div class="memberName">Object pool</div> | |
| 97 <div class="memberValue"> | |
| 98 <any-service-ref ref="{{ code.objectPool }}"></any-service-ref> | |
| 99 </div> | |
| 100 </div> | |
| 101 <template if="{{ code.inlinedFunctions.isNotEmpty }}"> | |
| 102 <div class="memberItem"> | |
| 103 <div class="memberName">inlined functions ({{ code.inlinedFunctions.
length }})</div> | |
| 104 <div class="memberValue"> | |
| 105 <curly-block expand="{{ code.inlinedFunctions.length <= 8 }}"> | |
| 106 <div class="memberList"> | |
| 107 <template repeat="{{ func in code.inlinedFunctions }}"> | |
| 108 <div class="memberItem"> | |
| 109 <div class="memberValue"> | |
| 110 <function-ref ref="{{ func }}"></function-ref> | |
| 111 </div> | |
| 112 </div> | |
| 113 </template> | |
| 114 </div> | |
| 115 </curly-block> | |
| 116 </div> | |
| 117 </div> | |
| 118 </template> | |
| 119 </div> | |
| 120 </div> | |
| 121 <div class="content-centered-big"> | |
| 122 <hr> | |
| 123 <table id="inlineRangeTable" class="table"> | |
| 124 <thead id="inlineRangeTableHead"> | |
| 125 <tr> | |
| 126 <th class="address">Address Range</th> | |
| 127 <th class="tick">Inclusive</th> | |
| 128 <th class="tick">Exclusive</th> | |
| 129 <th>Functions</th> | |
| 130 </tr> | |
| 131 </thead> | |
| 132 <tbody class="monospace" id="inlineRangeTableBody"> | |
| 133 </tbody> | |
| 134 </table> | |
| 135 <hr> | |
| 136 <table id="disassemblyTable" class="table"> | |
| 137 <thead id="disassemblyTableHead"> | |
| 138 <tr> | |
| 139 <th class="address">Address</th> | |
| 140 <th class="tick" title="Ticks with PC on the stack">Inclusive</th> | |
| 141 <th class="tick" title="Ticks with PC at top of stack">Exclusive</th
> | |
| 142 <th class="disassembly">Disassembly</th> | |
| 143 <th class="object">Object</th> | |
| 144 </tr> | |
| 145 </thead> | |
| 146 <tbody class="monospace" id="disassemblyTableBody"> | |
| 147 </tbody> | |
| 148 </table> | |
| 149 </div> | |
| 150 <view-footer></view-footer> | |
| 151 </template> | |
| 152 </polymer-element> | |
| 153 | |
| 154 <script type="application/dart" src="code_view.dart"></script> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2306483002:
Converted Observatory code-view element (Closed)
