| OLD | NEW |
| 1 <head> | 1 <head> |
| 2 <link rel="import" href="curly_block.html"> | 2 <link rel="import" href="curly_block.html"> |
| 3 <link rel="import" href="function_ref.html"> | 3 <link rel="import" href="function_ref.html"> |
| 4 <link rel="import" href="instance_ref.html"> | 4 <link rel="import" href="instance_ref.html"> |
| 5 <link rel="import" href="observatory_element.html"> | 5 <link rel="import" href="observatory_element.html"> |
| 6 <link rel="import" href="script_ref.html"> | 6 <link rel="import" href="script_ref.html"> |
| 7 </head> | 7 </head> |
| 8 <polymer-element name="stack-frame" extends="observatory-element"> | 8 <polymer-element name="stack-frame" extends="observatory-element"> |
| 9 <template> | 9 <template> |
| 10 <style> | 10 <link rel="stylesheet" href="css/shared.css" /> |
| 11 .memberList { | 11 <div class="flex-row"> |
| 12 display: table; | 12 <div class="flex-item-fixed-1-12"> |
| 13 } | 13 </div> |
| 14 .memberItem { | 14 <div class="flex-item-fixed-1-12"> |
| 15 display: table-row; | |
| 16 } | |
| 17 .memberName, .memberValue { | |
| 18 display: table-cell; | |
| 19 vertical-align: top; | |
| 20 padding: 3px 0 3px 1em; | |
| 21 font: 400 14px 'Montserrat', sans-serif; | |
| 22 } | |
| 23 </style> | |
| 24 <div class="row"> | |
| 25 <div class="col-md-1"></div> | |
| 26 <div class="col-md-1"> | |
| 27 #{{ frame['depth'] }} | 15 #{{ frame['depth'] }} |
| 28 </div> | 16 </div> |
| 29 <div class="col-md-9"> | 17 <div class="flex-item-fixed-9-12"> |
| 30 <function-ref ref="{{ frame['function'] }}"></function-ref> | 18 <function-ref ref="{{ frame['function'] }}"></function-ref> |
| 31 ( <script-ref ref="{{ frame['script'] }}" | 19 ( <script-ref ref="{{ frame['script'] }}" |
| 32 pos="{{ frame['tokenPos'] }}"> | 20 pos="{{ frame['tokenPos'] }}"> |
| 33 </script-ref> ) | 21 </script-ref> ) |
| 34 | 22 |
| 35 <curly-block> | 23 <curly-block> |
| 36 <div class="memberList"> | 24 <div class="memberList"> |
| 37 <template repeat="{{ v in frame['vars'] }}"> | 25 <template repeat="{{ v in frame['vars'] }}"> |
| 38 <div class="memberItem"> | 26 <div class="memberItem"> |
| 39 <div class="memberName">{{ v['name']}}</div> | 27 <div class="memberName">{{ v['name']}}</div> |
| 40 <div class="memberValue"> | 28 <div class="memberValue"> |
| 41 <instance-ref ref="{{ v['value'] }}"></instance-ref> | 29 <instance-ref ref="{{ v['value'] }}"></instance-ref> |
| 30 </div> |
| 42 </div> | 31 </div> |
| 43 </div> | 32 </template> |
| 44 </template> | 33 </div> |
| 45 </div> | 34 </curly-block> |
| 46 </curly-block> | |
| 47 | |
| 48 </div> | 35 </div> |
| 49 <div class="col-md-1"></div> | 36 <div class="flex-item-fixed-1-12"> |
| 37 </div> |
| 50 </div> | 38 </div> |
| 51 | |
| 52 | |
| 53 </template> | 39 </template> |
| 54 <script type="application/dart" src="stack_frame.dart"></script> | 40 <script type="application/dart" src="stack_frame.dart"></script> |
| 55 </polymer-element> | 41 </polymer-element> |
| OLD | NEW |