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, .memberHeader { |
| 21 vertical-align: top; |
| 22 padding: 3px 0 3px 1em; |
| 23 font: 400 14px 'Montserrat', sans-serif; |
| 24 } |
| 25 .monospace { |
| 26 font-family: consolas, courier, monospace; |
| 27 font-size: 1em; |
| 28 line-height: 1.2em; |
| 29 white-space: nowrap; |
| 30 } |
| 31 </style> |
| 32 <div class="content"> |
| 33 <h1>Code for {{ code.name }}</h1> |
| 34 <table> |
| 35 <tr> |
| 36 <td class="memberHeader">kind</td> |
| 37 <td class="member">{{code.kind}}</td> |
| 38 </tr> |
| 39 <tr> |
| 40 <td class="memberHeader">function</td> |
| 41 <td class="member"> |
| 42 <function-ref ref="{{code.function}}"> |
| 43 </function-ref> |
| 44 </td> |
| 45 </tr> |
| 46 <tr> |
| 47 <td class="memberHeader">Inclusive</td> |
| 48 <td class="member">{{ code.formattedInclusiveTicks }}</td> |
| 49 </tr> |
| 50 <tr> |
| 51 <td class="memberHeader">Exclusive</td> |
| 52 <td class="member">{{ code.formattedExclusiveTicks }}</td> |
| 53 </tr> |
| 54 </table> |
| 55 </div> |
| 56 <hr> |
| 57 <div class="content"> |
| 58 <template if="{{ code.hasDisassembly }}"> |
| 59 <div class="row"> |
| 60 <div class="col-md-2 memberHeader">Inclusive</div> |
| 61 <div class="col-md-2 memberHeader">Exclusive</div> |
| 62 <div class="col-md-2 memberHeader">Address</div> |
| 63 <div class="col-md-6 memberHeader">Disassembly</div> |
22 </div> | 64 </div> |
23 <div class="panel-body"> | 65 </template> |
24 <div class="row"> | 66 <template repeat="{{ instruction in code.instructions }}"> |
25 <div class="col-md-2"><strong>Inclusive</strong></div> | 67 <div class="row"> |
26 <div class="col-md-2"><strong>Exclusive</strong></div> | 68 <div class="col-md-2 monospace">{{ instruction.formattedInclusive(code
) }}</div> |
27 <div class="col-md-2"><strong>Address</strong></div> | 69 <div class="col-md-2 monospace">{{ instruction.formattedExclusive(code
) }}</div> |
28 <div class="col-md-6"><strong>Disassembly</strong></div> | 70 <div class="col-md-2 monospace">{{ instruction.formattedAddress() }}</
div> |
29 </div> | 71 <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> | 72 </div> |
35 </div> | 73 </template> |
36 </div> | 74 </div> |
37 </div> | 75 </template> |
38 </template> | 76 </template> |
39 <script type="application/dart" src="code_view.dart"></script> | 77 <script type="application/dart" src="code_view.dart"></script> |
40 </polymer-element> | 78 </polymer-element> |
OLD | NEW |