Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(17)

Side by Side Diff: runtime/bin/vmservice/client/lib/src/elements/stack_frame.html

Issue 199363002: Rework library and class view pages. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: merge Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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 <style>
11 .member { 11 .memberList {
12 display: table;
13 }
14 .memberItem {
15 display: table-row;
16 }
17 .memberName, .memberValue {
18 display: table-cell;
12 vertical-align: top; 19 vertical-align: top;
13 padding: 0 0 0 1em; 20 padding: 3px 0 3px 1em;
21 font: 400 14px 'Montserrat', sans-serif;
14 } 22 }
15 </style> 23 </style>
16 <div class="row"> 24 <div class="row">
17 <div class="col-md-1"></div> 25 <div class="col-md-1"></div>
18 <div class="col-md-1"> 26 <div class="col-md-1">
19 #{{ frame['depth'] }} 27 #{{ frame['depth'] }}
20 </div> 28 </div>
21 <div class="col-md-9"> 29 <div class="col-md-9">
22 <function-ref ref="{{ frame['function'] }}"></function-ref> 30 <function-ref ref="{{ frame['function'] }}"></function-ref>
23 ( <script-ref ref="{{ frame['script'] }}" line="{{ frame['line'] }}"> 31 ( <script-ref ref="{{ frame['script'] }}" line="{{ frame['line'] }}">
24 </script-ref> ) 32 </script-ref> )
33
25 <curly-block> 34 <curly-block>
26 <table> 35 <div class="memberList">
27 <tr template repeat="{{ v in frame['vars'] }}"> 36 <template repeat="{{ v in frame['vars'] }}">
28 <td class="member">{{ v['name']}}</td> 37 <div class="memberItem">
29 <td class="member"> 38 <div class="memberName">{{ v['name']}}</div>
30 <instance-ref ref="{{ v['value'] }}"></instance-ref> 39 <div class="memberValue">
31 </td> 40 <instance-ref ref="{{ v['value'] }}"></instance-ref>
32 </tr> 41 </div>
33 </table> 42 </div>
43 </template>
44 </div>
34 </curly-block> 45 </curly-block>
35 46
36 </div> 47 </div>
37 <div class="col-md-1"></div> 48 <div class="col-md-1"></div>
38 </div> 49 </div>
39 50
40 51
41 </template> 52 </template>
42 <script type="application/dart" src="stack_frame.dart"></script> 53 <script type="application/dart" src="stack_frame.dart"></script>
43 </polymer-element> 54 </polymer-element>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698