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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: runtime/bin/vmservice/client/lib/src/elements/library_view.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
« no previous file with comments | « runtime/bin/vmservice/client/lib/src/elements/library_view.dart ('k') | runtime/bin/vmservice/client/lib/src/elements/stack_frame.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <head> 1 <head>
2 <link rel="import" href="class_ref.html"> 2 <link rel="import" href="class_ref.html">
3 <link rel="import" href="curly_block.html">
4 <link rel="import" href="eval_box.html">
3 <link rel="import" href="field_ref.html"> 5 <link rel="import" href="field_ref.html">
4 <link rel="import" href="function_ref.html"> 6 <link rel="import" href="function_ref.html">
5 <link rel="import" href="instance_ref.html"> 7 <link rel="import" href="instance_ref.html">
6 <link rel="import" href="observatory_element.html"> 8 <link rel="import" href="observatory_element.html">
7 <link rel="import" href="library_ref.html"> 9 <link rel="import" href="library_ref.html">
8 <link rel="import" href="nav_bar.html"> 10 <link rel="import" href="nav_bar.html">
9 <link rel="import" href="script_ref.html"> 11 <link rel="import" href="script_ref.html">
10 </head> 12 </head>
11 <polymer-element name="library-view" extends="observatory-element"> 13 <polymer-element name="library-view" extends="observatory-element">
12 <template> 14 <template>
15 <style>
16 .content {
17 padding-left: 10%;
18 font: 400 14px 'Montserrat', sans-serif;
19 }
20 h1 {
21 font: 400 18px 'Montserrat', sans-serif;
22 }
23 .memberList {
24 display: table;
25 }
26 .memberItem {
27 display: table-row;
28 }
29 .memberName, .memberValue {
30 display: table-cell;
31 vertical-align: top;
32 padding: 3px 0 3px 1em;
33 font: 400 14px 'Montserrat', sans-serif;
34 }
35 </style>
36
13 <nav-bar> 37 <nav-bar>
14 <top-nav-menu></top-nav-menu> 38 <top-nav-menu></top-nav-menu>
15 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu> 39 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu>
16 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav- menu> 40 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav- menu>
17 <nav-refresh callback="{{ refresh }}"></nav-refresh> 41 <nav-refresh callback="{{ refresh }}"></nav-refresh>
18 </nav-bar> 42 </nav-bar>
19 43
20 <div class="alert alert-info">Scripts</div> 44 <div class="content">
21 <table class="table table-hover"> 45 <h1>
22 <tbody> 46 <!-- TODO(turnidge): Handle unnamed libraries -->
23 <tr template repeat="{{ script in library['scripts']}}"> 47 library {{ library.name }}
24 <td> 48 </h1>
25 {{ script.kind }} 49 <div class="memberList">
26 </td> 50 <div class="memberItem">
27 <td> 51 <div class="memberName">url</div>
28 <script-ref ref="{{ script }}"></script-ref> 52 <div class="memberValue">{{ library['url'] }}</div>
29 </td> 53 </div>
30 </tr> 54 <template if="{{ library['imports'].length > 0 }}">
31 </tbody> 55 <div class="memberItem">
32 </table> 56 <div class="memberName">imports</div>
33 <div class="alert alert-info">Imported Libraries</div> 57 <div class="memberValue">
34 <table class="table table-hover"> 58 <template repeat="{{ import in library['imports'] }}">
35 <tbody> 59 <library-ref ref="{{ import }}"></library-ref>
36 <tr template repeat="{{ lib in library['libraries'] }}"> 60 </template>
37 <td> 61 </div>
38 <library-ref ref="{{ lib }}"></library-ref> 62 </div>
39 </td> 63 </template>
40 </tr> 64 <template if="{{ library.name != library.vmName }}">
41 </tbody> 65 <div class="memberItem">
42 </table> 66 <div class="memberName">vm name</div>
43 <div class="alert alert-info">Variables</div> 67 <div class="memberValue">{{ library.vmName }}</div>
44 <table class="table table-hover"> 68 </div>
45 <tbody> 69 </template>
46 <tr template repeat="{{ variable in library['variables'] }}"> 70 </div>
47 <td><field-ref ref="{{ variable }}"></field-ref></td> 71 </div>
48 <td><instance-ref ref="{{ variable['value'] }}"></instance-ref></td>
49 </tr>
50 </tbody>
51 </table>
52 <div class="alert alert-info">Functions</div>
53 <table class="table table-hover">
54 <tbody>
55 <tr template repeat="{{ func in library['functions'] }}">
56 <td>
57 <function-ref ref="{{ func }}"></function-ref>
58 </td>
59 </tr>
60 </tbody>
61 </table>
62 <div class="alert alert-info">Classes</div>
63 <table class="table table-hover">
64 <thead>
65 <tr>
66 <th>Name</th>
67 <th>Internal Name</th>
68 </tr>
69 </thead>
70 <tbody>
71 <tr template repeat="{{ cls in library['classes'] }}">
72 <td>
73 <class-ref ref="{{ cls }}"></class-ref>
74 </td>
75 <td>
76 <class-ref ref="{{ cls }}" internal></class-ref>
77 </td>
78 </tr>
79 </tbody>
80 </table>
81 72
73 <hr>
74
75 <div class="content">
76 <template if="{{ library['scripts'].isNotEmpty }}">
77 scripts ({{ library['scripts'].length }})
78 <curly-block>
79 <div class="memberList">
80 <template repeat="{{ script in library['scripts'] }}">
81 <div class="memberItem">
82 <div class="memberValue">
83 <script-ref ref="{{ script }}"></script-ref>
84 </div>
85 </div>
86 </template>
87 </div>
88 </curly-block><br>
89 </template>
90
91 <template if="{{ library['classes'].isNotEmpty }}">
92 classes ({{ library['classes'].length }})
93 <curly-block>
94 <div class="memberList">
95 <template repeat="{{ cls in library['classes'] }}">
96 <div class="memberItem">
97 <div class="memberValue">
98 <class-ref ref="{{ cls }}"></class-ref>
99 </div>
100 </div>
101 </template>
102 </div>
103 </curly-block><br>
104 </template>
105
106 <template if="{{ library['variables'].isNotEmpty }}">
107 variables ({{ library['variables'].length }})
108 <curly-block>
109 <div class="memberList">
110 <template repeat="{{ field in library['variables'] }}">
111 <div class="memberItem">
112 <div class="memberName">
113 <field-ref ref="{{ field }}"></field-ref>
114 </div>
115 <div class="memberValue">
116 <template if="{{ field['value'] != null }}">
117 <instance-ref ref="{{ field['value'] }}"></instance-ref>
118 </template>
119 </div>
120 </div>
121 </template>
122 </div>
123 </curly-block><br>
124 </template>
125
126 <template if="{{ library['functions'].isNotEmpty }}">
127 functions ({{ library['functions'].length }})
128 <curly-block>
129 <div class="memberList">
130 <template repeat="{{ function in library['functions'] }}">
131 <div class="memberItem">
132 <div class="memberValue">
133 <function-ref ref="{{ function }}"></function-ref>
134 </div>
135 </div>
136 </template>
137 </div>
138 </curly-block><br>
139 </template>
140 </div>
141
142 <hr>
143
144 <div class="content">
145 <eval-box callback="{{ eval }}"></eval-box>
146 </div>
147 <br><br><br><br>
148 <br><br><br><br>
82 </template> 149 </template>
83 <script type="application/dart" src="library_view.dart"></script> 150 <script type="application/dart" src="library_view.dart"></script>
84 </polymer-element> 151 </polymer-element>
OLDNEW
« no previous file with comments | « runtime/bin/vmservice/client/lib/src/elements/library_view.dart ('k') | runtime/bin/vmservice/client/lib/src/elements/stack_frame.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698