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 |