Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <head> | 1 <link rel="import" href="function_ref.html"> |
| 2 <link rel="import" href="disassembly_entry.html"> | 2 <link rel="import" href="observatory_element.html"> |
| 3 <link rel="import" href="function_ref.html"> | 3 <link rel="import" href="nav_bar.html"> |
| 4 <link rel="import" href="observatory_element.html"> | |
| 5 <link rel="import" href="nav_bar.html"> | |
| 6 </head> | |
| 7 <polymer-element name="code-view" extends="observatory-element"> | 4 <polymer-element name="code-view" extends="observatory-element"> |
| 8 <template> | 5 <template> |
| 9 <nav-bar> | 6 <nav-bar> |
| 10 <top-nav-menu></top-nav-menu> | 7 <top-nav-menu></top-nav-menu> |
| 11 <isolate-nav-menu isolate="{{ code.isolate }}"></isolate-nav-menu> | 8 <isolate-nav-menu isolate="{{ code.isolate }}"></isolate-nav-menu> |
| 12 <nav-menu link="." anchor="{{ code.name }}" last="{{ true }}"></nav-menu> | 9 <nav-menu link="." anchor="{{ code.name }}" last="{{ true }}"></nav-menu> |
| 13 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 10 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 14 </nav-bar> | 11 </nav-bar> |
| 15 | 12 <style> |
| 16 <div class="row"> | 13 .content { |
| 17 <div class="col-md-8 col-md-offset-2"> | 14 padding-left: 10%; |
| 18 <div class="{{ cssPanelClass }}"> | 15 font: 400 14px 'Montserrat', sans-serif; |
| 19 <div class="panel-heading"> | 16 } |
| 20 <span>Disassembled code for function: </span> | 17 h1 { |
| 21 <function-ref ref="{{ code.function }}"></function-ref> | 18 font: 400 18px 'Montserrat', sans-serif; |
| 19 } | |
| 20 .member { | |
| 21 vertical-align: top; | |
| 22 padding: 3px 0 3px 1em; | |
| 23 font: 400 14px 'Montserrat', sans-serif; | |
| 24 } | |
| 25 .memberBold { | |
| 26 vertical-align: top; | |
| 27 padding: 3px 0 3px 1em; | |
| 28 font: 400 14px 'Montserrat', sans-serif; | |
| 29 } | |
|
turnidge
2014/03/13 18:09:09
To keep in sync with my changes I'm making now...
Cutch
2014/03/13 20:52:26
Done.
| |
| 30 .monospace { | |
| 31 font-family: consolas, courier, monospace; | |
| 32 font-size: 1em; | |
| 33 line-height: 1.2em; | |
| 34 white-space: nowrap; | |
| 35 } | |
| 36 </style> | |
| 37 <div class="content"> | |
| 38 <h1>Code for {{ code.name }}</h1> | |
| 39 <table> | |
| 40 <tr> | |
| 41 <td class="memberBold">kind</td> | |
| 42 <td class="member">{{code.kind}}</td> | |
| 43 </tr> | |
| 44 <tr> | |
| 45 <td class="memberBold">function</td> | |
| 46 <td class="member"> | |
| 47 <function-ref ref="{{code.function}}"> | |
| 48 </function-ref> | |
| 49 </td> | |
| 50 </tr> | |
| 51 <tr> | |
| 52 <td class="memberBold">Inclusive</td> | |
| 53 <td class="member">{{ code.formattedInclusiveTicks }}</td> | |
| 54 </tr> | |
| 55 <tr> | |
| 56 <td class="memberBold">Exclusive</td> | |
| 57 <td class="member">{{ code.formattedExclusiveTicks }}</td> | |
| 58 </tr> | |
| 59 </table> | |
| 60 </div> | |
| 61 <hr> | |
| 62 <div class="content"> | |
| 63 <template if="{{ code.hasDisassembly }}"> | |
| 64 <div class="row"> | |
| 65 <div class="col-md-2 memberBold">Inclusive</div> | |
| 66 <div class="col-md-2 memberBold">Exclusive</div> | |
| 67 <div class="col-md-2 memberBold">Address</div> | |
| 68 <div class="col-md-6 memberBold">Disassembly</div> | |
| 22 </div> | 69 </div> |
| 23 <div class="panel-body"> | 70 </template> |
| 24 <div class="row"> | 71 <template repeat="{{ instruction in code.instructions }}"> |
| 25 <div class="col-md-2"><strong>Inclusive</strong></div> | 72 <div class="row"> |
| 26 <div class="col-md-2"><strong>Exclusive</strong></div> | 73 <div class="col-md-2 monospace">{{ instruction.formattedInclusive(code ) }}</div> |
| 27 <div class="col-md-2"><strong>Address</strong></div> | 74 <div class="col-md-2 monospace">{{ instruction.formattedExclusive(code ) }}</div> |
| 28 <div class="col-md-6"><strong>Disassembly</strong></div> | 75 <div class="col-md-2 monospace">{{ instruction.formattedAddress() }}</ div> |
| 29 </div> | 76 <div class="col-md-6 monospace">{{ instruction.human }}</div> |
| 30 <template repeat="{{ instruction in code.instructions }}"> | |
| 31 <disassembly-entry code="{{ code }}" instruction="{{ instruction }}" > | |
| 32 </disassembly-entry> | |
| 33 </template> | |
| 34 </div> | 77 </div> |
| 35 </div> | 78 </template> |
| 36 </div> | 79 </div> |
| 37 </div> | 80 </template> |
| 38 </template> | 81 </template> |
| 39 <script type="application/dart" src="code_view.dart"></script> | 82 <script type="application/dart" src="code_view.dart"></script> |
| 40 </polymer-element> | 83 </polymer-element> |
| OLD | NEW |