OLD | NEW |
| (Empty) |
1 <link rel="import" href="../../../../packages/polymer/polymer.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"> | |
5 <link rel="import" href="field_ref.html"> | |
6 <link rel="import" href="function_ref.html"> | |
7 <link rel="import" href="instance_ref.html"> | |
8 <link rel="import" href="observatory_element.html"> | |
9 <link rel="import" href="library_ref.html"> | |
10 <link rel="import" href="nav_bar.html"> | |
11 <link rel="import" href="script_ref.html"> | |
12 | |
13 <polymer-element name="library-view" extends="observatory-element"> | |
14 <template> | |
15 <link rel="stylesheet" href="css/shared.css"> | |
16 | |
17 <nav-bar> | |
18 <top-nav-menu></top-nav-menu> | |
19 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu> | |
20 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav-
menu> | |
21 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></n
av-refresh> | |
22 <nav-refresh callback="{{ refresh }}"></nav-refresh> | |
23 <nav-control></nav-control> | |
24 </nav-bar> | |
25 | |
26 <div class="content"> | |
27 <h1> | |
28 <!-- TODO(turnidge): Handle unnamed libraries --> | |
29 library {{ library.name }} | |
30 </h1> | |
31 <div class="memberList"> | |
32 <div class="memberItem"> | |
33 <div class="memberName">url</div> | |
34 <div class="memberValue">{{ library.url }}</div> | |
35 </div> | |
36 <template if="{{ library.name != library.vmName }}"> | |
37 <div class="memberItem"> | |
38 <div class="memberName">vm name</div> | |
39 <div class="memberValue">{{ library.vmName }}</div> | |
40 </div> | |
41 </template> | |
42 </div> | |
43 </div> | |
44 | |
45 <hr> | |
46 | |
47 <div class="content"> | |
48 <template if="{{ library.imports.isNotEmpty }}"> | |
49 imports ({{ library.imports.length }}) | |
50 <curly-block expand="{{ library.imports.length <= 8 }}"> | |
51 <div class="memberList"> | |
52 <template repeat="{{ imp in library.imports }}"> | |
53 <div class="memberItem"> | |
54 <div class="memberValue"> | |
55 <library-ref ref="{{ imp }}"></library-ref> | |
56 </div> | |
57 </div> | |
58 </template> | |
59 </div> | |
60 </curly-block><br> | |
61 <br> | |
62 </template> | |
63 | |
64 <template if="{{ library.scripts.isNotEmpty }}"> | |
65 scripts ({{ library.scripts.length }}) | |
66 <curly-block expand="{{ library.scripts.length <= 8 }}"> | |
67 <div class="memberList"> | |
68 <template repeat="{{ script in library.scripts }}"> | |
69 <div class="memberItem"> | |
70 <div class="memberValue"> | |
71 <script-ref ref="{{ script }}"></script-ref> | |
72 </div> | |
73 </div> | |
74 </template> | |
75 </div> | |
76 </curly-block><br> | |
77 <br> | |
78 </template> | |
79 | |
80 <template if="{{ library.classes.isNotEmpty }}"> | |
81 classes ({{ library.classes.length }}) | |
82 <curly-block expand="{{ library.classes.length <= 8 }}"> | |
83 <div class="memberList"> | |
84 <template repeat="{{ cls in library.classes }}"> | |
85 <div class="memberItem"> | |
86 <div class="memberValue"> | |
87 <class-ref ref="{{ cls }}"></class-ref> | |
88 </div> | |
89 </div> | |
90 </template> | |
91 </div> | |
92 </curly-block><br> | |
93 <br> | |
94 </template> | |
95 | |
96 <template if="{{ library.variables.isNotEmpty }}"> | |
97 variables ({{ library.variables.length }}) | |
98 <curly-block expand="{{ library.variables.length <= 8 }}"> | |
99 <div class="memberList"> | |
100 <template repeat="{{ field in library.variables }}"> | |
101 <div class="memberItem"> | |
102 <div class="memberName"> | |
103 <field-ref ref="{{ field }}"></field-ref> | |
104 </div> | |
105 <div class="memberValue"> | |
106 <template if="{{ field.value != null }}"> | |
107 <any-service-ref ref="{{ field.value }}"></any-service-ref> | |
108 </template> | |
109 </div> | |
110 </div> | |
111 </template> | |
112 </div> | |
113 </curly-block><br> | |
114 <br> | |
115 </template> | |
116 | |
117 <template if="{{ library.functions.isNotEmpty }}"> | |
118 functions ({{ library.functions.length }}) | |
119 <curly-block expand="{{ library.functions.length <= 8 }}"> | |
120 <div class="memberList"> | |
121 <template repeat="{{ function in library.functions }}"> | |
122 <div class="memberItem"> | |
123 <div class="memberValue"> | |
124 <function-ref ref="{{ function }}"></function-ref> | |
125 </div> | |
126 </div> | |
127 </template> | |
128 </div> | |
129 </curly-block><br> | |
130 <br> | |
131 </template> | |
132 </div> | |
133 | |
134 <hr> | |
135 | |
136 <div class="content"> | |
137 <eval-box callback="{{ eval }}"></eval-box> | |
138 </div> | |
139 <br><br><br><br> | |
140 <br><br><br><br> | |
141 </template> | |
142 </polymer-element> | |
143 | |
144 <script type="application/dart" src="library_view.dart"></script> | |
OLD | NEW |