| OLD | NEW |
| 1 <link rel="import" href="function_ref.html"> | 1 <link rel="import" href="function_ref.html"> |
| 2 <link rel="import" href="instance_ref.html"> | 2 <link rel="import" href="instance_ref.html"> |
| 3 <link rel="import" href="observatory_element.html"> | 3 <link rel="import" href="observatory_element.html"> |
| 4 <link rel="import" href="nav_bar.html"> | 4 <link rel="import" href="nav_bar.html"> |
| 5 <polymer-element name="code-view" extends="observatory-element"> | 5 <polymer-element name="code-view" extends="observatory-element"> |
| 6 <template> | 6 <template> |
| 7 <link rel="stylesheet" href="css/shared.css" /> |
| 7 <nav-bar> | 8 <nav-bar> |
| 8 <top-nav-menu></top-nav-menu> | 9 <top-nav-menu></top-nav-menu> |
| 9 <isolate-nav-menu isolate="{{ code.isolate }}"></isolate-nav-menu> | 10 <isolate-nav-menu isolate="{{ code.isolate }}"></isolate-nav-menu> |
| 10 <nav-menu link="." anchor="{{ code.name }}" last="{{ true }}"></nav-menu> | 11 <nav-menu link="." anchor="{{ code.name }}" last="{{ true }}"></nav-menu> |
| 11 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 12 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 12 </nav-bar> | 13 </nav-bar> |
| 13 <style> | 14 <style> |
| 14 .content { | 15 .content { |
| 15 padding-left: 10%; | 16 padding-left: 10%; |
| 16 font: 400 14px 'Montserrat', sans-serif; | 17 font: 400 14px 'Montserrat', sans-serif; |
| (...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 63 <div class="memberName">Constant object pool</div> | 64 <div class="memberName">Constant object pool</div> |
| 64 <div class="memberValue"> | 65 <div class="memberValue"> |
| 65 <instance-ref ref="{{ code.objectPool }}"></instance-ref> | 66 <instance-ref ref="{{ code.objectPool }}"></instance-ref> |
| 66 </div> | 67 </div> |
| 67 </div> | 68 </div> |
| 68 </div> | 69 </div> |
| 69 </div> | 70 </div> |
| 70 <hr> | 71 <hr> |
| 71 <div class="content"> | 72 <div class="content"> |
| 72 <template if="{{ code.hasDisassembly }}"> | 73 <template if="{{ code.hasDisassembly }}"> |
| 73 <div class="row"> | 74 <div class="flex-row"> |
| 74 <div class="col-md-2 memberHeader">Inclusive</div> | 75 <div class="flex-item-fixed-2-12 memberHeader">Inclusive</div> |
| 75 <div class="col-md-2 memberHeader">Exclusive</div> | 76 <div class="flex-item-fixed-2-12 memberHeader">Exclusive</div> |
| 76 <div class="col-md-2 memberHeader">Address</div> | 77 <div class="flex-item-fixed-2-12 memberHeader">Address</div> |
| 77 <div class="col-md-6 memberHeader">Disassembly</div> | 78 <div class="flex-item-fixed-6-12 memberHeader">Disassembly</div> |
| 78 </div> | 79 </div> |
| 79 </template> | 80 </template> |
| 80 <template repeat="{{ instruction in code.instructions }}"> | 81 <template repeat="{{ instruction in code.instructions }}"> |
| 81 <div class="row"> | 82 <div class="flex-row"> |
| 82 <div class="col-md-2 monospace">{{ instruction.formattedInclusive(code
) }}</div> | 83 <div class="flex-item-fixed-2-12 monospace">{{ instruction.formattedIn
clusive(code) }}</div> |
| 83 <div class="col-md-2 monospace">{{ instruction.formattedExclusive(code
) }}</div> | 84 <div class="flex-item-fixed-2-12 monospace">{{ instruction.formattedEx
clusive(code) }}</div> |
| 84 <div class="col-md-2 monospace">{{ instruction.formattedAddress() }}</
div> | 85 <div class="flex-item-fixed-2-12 monospace">{{ instruction.formattedAd
dress() }}</div> |
| 85 <div class="col-md-6 monospace">{{ instruction.human }}</div> | 86 <div class="flex-item-fixed-6-12 monospace">{{ instruction.human }}</d
iv> |
| 86 </div> | 87 </div> |
| 87 </template> | 88 </template> |
| 88 </div> | 89 </div> |
| 89 </template> | 90 </template> |
| 90 <script type="application/dart" src="code_view.dart"></script> | 91 <script type="application/dart" src="code_view.dart"></script> |
| 91 </polymer-element> | 92 </polymer-element> |
| OLD | NEW |