OLD | NEW |
1 <link rel="import" href="../../../../packages/polymer/polymer.html"> | 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> |
2 <link rel="import" href="action_link.html"> | 2 <link rel="import" href="action_link.html"> |
3 <link rel="import" href="observatory_element.html"> | 3 <link rel="import" href="observatory_element.html"> |
4 | 4 |
5 <polymer-element name="nav-bar" extends="observatory-element"> | 5 <polymer-element name="nav-bar" extends="observatory-element"> |
6 <template> | 6 <template> |
7 <link rel="stylesheet" href="css/shared.css"> | 7 <link rel="stylesheet" href="css/shared.css"> |
8 <style> | 8 <style> |
9 nav { | 9 nav { |
10 position: fixed; | 10 position: fixed; |
(...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
130 color: white; | 130 color: white; |
131 text-decoration: none; | 131 text-decoration: none; |
132 } | 132 } |
133 </style> | 133 </style> |
134 <li><a on-click="{{ goto }}" _href="{{ gotoLink(link) }}">{{ anchor }}</a> | 134 <li><a on-click="{{ goto }}" _href="{{ gotoLink(link) }}">{{ anchor }}</a> |
135 <ul><content></content></ul> | 135 <ul><content></content></ul> |
136 </li> | 136 </li> |
137 </template> | 137 </template> |
138 </polymer-element> | 138 </polymer-element> |
139 | 139 |
140 <polymer-element name="nav-refresh" extends="observatory-element"> | |
141 <template> | |
142 <style> | |
143 .active { | |
144 color: #aaa; | |
145 cursor: wait; | |
146 } | |
147 .idle { | |
148 color: #000; | |
149 } | |
150 li { | |
151 float: right; | |
152 margin: 0; | |
153 } | |
154 li button { | |
155 margin: 3px; | |
156 padding: 8px; | |
157 } | |
158 </style> | |
159 <li> | |
160 <template if="{{ active }}"> | |
161 <button class="active" on-click="{{ buttonClick }}">{{ label }}</button> | |
162 </template> | |
163 <template if="{{ !active }}"> | |
164 <button class="idle" on-click="{{ buttonClick }}">{{ label }}</button> | |
165 </template> | |
166 </li> | |
167 </template> | |
168 </polymer-element> | |
169 | |
170 <polymer-element name="top-nav-menu"> | 140 <polymer-element name="top-nav-menu"> |
171 <template> | 141 <template> |
172 <nav-menu link="/vm" anchor="Observatory" last="{{ last }}"> | 142 <nav-menu link="/vm" anchor="Observatory" last="{{ last }}"> |
173 <nav-menu-item link="/vm-connect" anchor="Connect to a VM"></nav-menu-item
> | 143 <nav-menu-item link="/vm-connect" anchor="Connect to a VM"></nav-menu-item
> |
174 <content></content> | 144 <content></content> |
175 </nav-menu> | 145 </nav-menu> |
176 </template> | 146 </template> |
177 </polymer-element> | 147 </polymer-element> |
178 | 148 |
179 <polymer-element name="vm-nav-menu"> | 149 <polymer-element name="vm-nav-menu"> |
(...skipping 297 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
477 [<a class="link" on-click="{{ goto }}" | 447 [<a class="link" on-click="{{ goto }}" |
478 _href="{{ gotoLink('vm-connect') }}">Connect to a different VM</a>] | 448 _href="{{ gotoLink('vm-connect') }}">Connect to a different VM</a>] |
479 <a class="boxclose" on-click="{{ closeItem }}">×</a> | 449 <a class="boxclose" on-click="{{ closeItem }}">×</a> |
480 </div> | 450 </div> |
481 </template> | 451 </template> |
482 </template> | 452 </template> |
483 </polymer-element> | 453 </polymer-element> |
484 | 454 |
485 | 455 |
486 <script type="application/dart" src="nav_bar.dart"></script> | 456 <script type="application/dart" src="nav_bar.dart"></script> |
OLD | NEW |