| OLD | NEW |
| 1 <head> | 1 <head> |
| 2 <link rel="import" href="function_ref.html"> | 2 <link rel="import" href="function_ref.html"> |
| 3 <link rel="import" href="instance_ref.html"> | 3 <link rel="import" href="instance_ref.html"> |
| 4 <link rel="import" href="observatory_element.html"> | 4 <link rel="import" href="observatory_element.html"> |
| 5 <link rel="import" href="script_ref.html"> | 5 <link rel="import" href="script_ref.html"> |
| 6 </head> | 6 </head> |
| 7 <polymer-element name="stack-frame" extends="observatory-element"> | 7 <polymer-element name="stack-frame" extends="observatory-element"> |
| 8 <template> | 8 <template> |
| 9 <style> | 9 <style> |
| 10 .memberList { | 10 .memberList { |
| 11 margin-left: 3em; | 11 margin-left: 3em; |
| 12 border-spacing: 0; | 12 border-spacing: 0; |
| 13 border-collapse: collapse; | 13 border-collapse: collapse; |
| 14 } | 14 } |
| 15 .member { | 15 .member { |
| 16 vertical-align: top; | 16 vertical-align: top; |
| 17 padding: 0 1em; | 17 padding: 0 1em; |
| 18 } | 18 } |
| 19 </style> | 19 </style> |
| 20 <div class="row"> | 20 <div class="row"> |
| 21 <div class="col-md-1"></div> | 21 <div class="col-md-1"></div> |
| 22 <div class="col-md-1"> | 22 <div class="col-md-1"> |
| 23 #{{ frame['depth'] }} | 23 #{{ frame['depth'] }} |
| 24 </div> | 24 </div> |
| 25 <div class="col-md-9"> | 25 <div class="col-md-9"> |
| 26 <function-ref app="{{ app }}" ref="{{ frame['function'] }}"></function-r
ef> | 26 <function-ref app="{{ app }}" ref="{{ frame['function'] }}"></function-r
ef> |
| 27 ( <script-ref app="{{ app }}" ref="{{ frame['script'] }}" line="{{ frame
['line'] }}"> | 27 ( <script-ref app="{{ app }}" ref="{{ frame['script'] }}" line="{{ frame
['line'] }}"> |
| 28 </script-ref> ) | 28 </script-ref> ) { |
| 29 <a on-click="{{ toggleExpand }}">...</a> |
| 30 |
| 31 <template if="{{ expanded }}"> |
| 32 <table class="memberList"> |
| 33 <tr template repeat="{{ v in frame['vars'] }}"> |
| 34 <td class="member">{{ v['name']}}</td> |
| 35 <td class="member"> |
| 36 <instance-ref app="{{ app }}" ref="{{ v['value'] }}"></instance-
ref> |
| 37 </td> |
| 38 </tr> |
| 39 </table> |
| 40 </template> |
| 41 } |
| 42 |
| 29 </div> | 43 </div> |
| 30 <div class="col-md-1"></div> | 44 <div class="col-md-1"></div> |
| 31 </div> | 45 </div> |
| 32 | 46 |
| 33 <div class="row"> | |
| 34 <div class="col-md-3"></div> | |
| 35 <div class="col-md-9"> | |
| 36 <table class="memberList"> | |
| 37 <tr template repeat="{{ v in frame['vars'] }}"> | |
| 38 <td class="member">{{ v['name']}}</td> | |
| 39 <td class="member"> | |
| 40 <instance-ref app="{{ app }}" ref="{{ v['value'] }}"></instance-ref> | |
| 41 </td> | |
| 42 </tr> | |
| 43 </table> | |
| 44 </div> | |
| 45 </div> | |
| 46 | 47 |
| 47 </template> | 48 </template> |
| 48 <script type="application/dart" src="stack_frame.dart"></script> | 49 <script type="application/dart" src="stack_frame.dart"></script> |
| 49 </polymer-element> | 50 </polymer-element> |
| OLD | NEW |