| 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 |