| OLD | NEW |
| 1 <head> | 1 <head> |
| 2 <link rel="import" href="observatory_element.html"> | 2 <link rel="import" href="observatory_element.html"> |
| 3 </head> | 3 </head> |
| 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 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 74 } | 74 } |
| 75 .menu ul:after { | 75 .menu ul:after { |
| 76 content: ""; clear: both; display: block; | 76 content: ""; clear: both; display: block; |
| 77 } | 77 } |
| 78 .menu:hover > ul { | 78 .menu:hover > ul { |
| 79 display: block; | 79 display: block; |
| 80 } | 80 } |
| 81 </style> | 81 </style> |
| 82 | 82 |
| 83 <li class="menu"> | 83 <li class="menu"> |
| 84 <a href="{{ link }}">{{ anchor }}</a> | 84 <a on-click="{{ goto }}" href="{{ gotoLink(link) }}">{{ anchor }}</a> |
| 85 <ul><content></content></ul> | 85 <ul><content></content></ul> |
| 86 </li> | 86 </li> |
| 87 <template if="{{ !last }}"> | 87 <template if="{{ !last }}"> |
| 88 <li class="spacer">></li> | 88 <li class="spacer">></li> |
| 89 </template> | 89 </template> |
| 90 | 90 |
| 91 </template> | 91 </template> |
| 92 </polymer-element> | 92 </polymer-element> |
| 93 | 93 |
| 94 <polymer-element name="nav-menu-item" extends="observatory-element"> | 94 <polymer-element name="nav-menu-item" extends="observatory-element"> |
| (...skipping 27 matching lines...) Expand all Loading... |
| 122 li:hover > ul { | 122 li:hover > ul { |
| 123 display: block; | 123 display: block; |
| 124 } | 124 } |
| 125 li a { | 125 li a { |
| 126 display: block; | 126 display: block; |
| 127 padding: 12px 12px; | 127 padding: 12px 12px; |
| 128 color: white; | 128 color: white; |
| 129 text-decoration: none; | 129 text-decoration: none; |
| 130 } | 130 } |
| 131 </style> | 131 </style> |
| 132 <li><a href="{{ link }}">{{ anchor }}</a> | 132 <li><a on-click="{{ goto }}" href="{{ gotoLink(link) }}">{{ anchor }}</a> |
| 133 <ul><content></content></ul> | 133 <ul><content></content></ul> |
| 134 </li> | 134 </li> |
| 135 </template> | 135 </template> |
| 136 </polymer-element> | 136 </polymer-element> |
| 137 | 137 |
| 138 <polymer-element name="nav-refresh" extends="observatory-element"> | 138 <polymer-element name="nav-refresh" extends="observatory-element"> |
| 139 <template> | 139 <template> |
| 140 <style> | 140 <style> |
| 141 .active { | 141 .active { |
| 142 color: #aaa; | 142 color: #aaa; |
| (...skipping 15 matching lines...) Expand all Loading... |
| 158 <template if="{{ active }}"> | 158 <template if="{{ active }}"> |
| 159 <button class="active" on-click="{{ buttonClick }}">{{ label }}</button> | 159 <button class="active" on-click="{{ buttonClick }}">{{ label }}</button> |
| 160 </template> | 160 </template> |
| 161 <template if="{{ !active }}"> | 161 <template if="{{ !active }}"> |
| 162 <button class="idle" on-click="{{ buttonClick }}">{{ label }}</button> | 162 <button class="idle" on-click="{{ buttonClick }}">{{ label }}</button> |
| 163 </template> | 163 </template> |
| 164 </li> | 164 </li> |
| 165 </template> | 165 </template> |
| 166 </polymer-element> | 166 </polymer-element> |
| 167 | 167 |
| 168 <polymer-element name="nav-control" extends="observatory-element"> |
| 169 <template> |
| 170 <style> |
| 171 .black { |
| 172 color: #000; |
| 173 } |
| 174 li { |
| 175 float: right; |
| 176 margin: 0; |
| 177 } |
| 178 li button { |
| 179 margin: 3px; |
| 180 padding: 8px; |
| 181 } |
| 182 </style> |
| 183 <li> |
| 184 <button class="black" on-click="{{ back }}">◀</button> |
| 185 <button class="black" on-click="{{ forward }}">▶</button> |
| 186 </li> |
| 187 </template> |
| 188 </polymer-element> |
| 189 |
| 168 <polymer-element name="top-nav-menu"> | 190 <polymer-element name="top-nav-menu"> |
| 169 <template> | 191 <template> |
| 170 <nav-menu link="#/vm" anchor="Observatory" last="{{ last }}"> | 192 <nav-menu link="/vm" anchor="Observatory" last="{{ last }}"> |
| 171 <content></content> | 193 <content></content> |
| 172 </nav-menu> | 194 </nav-menu> |
| 173 </template> | 195 </template> |
| 174 </polymer-element> | 196 </polymer-element> |
| 175 | 197 |
| 176 <polymer-element name="isolate-nav-menu" extends="observatory-element"> | 198 <polymer-element name="isolate-nav-menu" extends="observatory-element"> |
| 177 <template> | 199 <template> |
| 178 <nav-menu link="{{ hashLinkWorkaround }}" anchor="{{ isolate.name }}" last="
{{ last }}"> | 200 <nav-menu link="{{ hashLinkWorkaround }}" anchor="{{ isolate.name }}" last="
{{ last }}"> |
| 179 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}" | 201 <nav-menu-item link="{{ isolate.relativeLink('stacktrace') }}" |
| 180 anchor="stack trace"></nav-menu-item> | 202 anchor="stack trace"></nav-menu-item> |
| 181 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}" | 203 <nav-menu-item link="{{ isolate.relativeLink('profile') }}" |
| 182 anchor="cpu profile"></nav-menu-item> | 204 anchor="cpu profile"></nav-menu-item> |
| 183 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}" | 205 <nav-menu-item link="{{ isolate.relativeLink('allocationprofile') }}" |
| 184 anchor="allocation profile"></nav-menu-item> | 206 anchor="allocation profile"></nav-menu-item> |
| 185 <nav-menu-item link="{{ isolate.relativeHashLink('heapmap') }}" | 207 <nav-menu-item link="{{ isolate.relativeLink('heapmap') }}" |
| 186 anchor="heap map"></nav-menu-item> | 208 anchor="heap map"></nav-menu-item> |
| 187 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}" | 209 <nav-menu-item link="{{ isolate.relativeLink('debug/breakpoints') }}" |
| 188 anchor="breakpoints"></nav-menu-item> | 210 anchor="breakpoints"></nav-menu-item> |
| 189 <content></content> | 211 <content></content> |
| 190 </nav-menu> | 212 </nav-menu> |
| 191 </template> | 213 </template> |
| 192 </polymer-element> | 214 </polymer-element> |
| 193 | 215 |
| 194 <polymer-element name="library-nav-menu" extends="observatory-element"> | 216 <polymer-element name="library-nav-menu" extends="observatory-element"> |
| 195 <template> | 217 <template> |
| 196 <nav-menu link="{{ library.hashLink }}" | 218 <nav-menu link="{{ library.link }}" |
| 197 anchor="{{ library.name }}" last="{{ last }}"> | 219 anchor="{{ library.name }}" last="{{ last }}"> |
| 198 <content></content> | 220 <content></content> |
| 199 </nav-menu> | 221 </nav-menu> |
| 200 </template> | 222 </template> |
| 201 </polymer-element> | 223 </polymer-element> |
| 202 | 224 |
| 203 <polymer-element name="class-nav-menu" extends="observatory-element"> | 225 <polymer-element name="class-nav-menu" extends="observatory-element"> |
| 204 <template> | 226 <template> |
| 205 <nav-menu link="{{ cls.hashLink }}" | 227 <nav-menu link="{{ cls.link }}" |
| 206 anchor="{{ cls.name }}" last="{{ last }}"> | 228 anchor="{{ cls.name }}" last="{{ last }}"> |
| 207 <content></content> | 229 <content></content> |
| 208 </nav-menu> | 230 </nav-menu> |
| 209 </template> | 231 </template> |
| 210 </polymer-element> | 232 </polymer-element> |
| 211 | 233 |
| 212 <script type="application/dart" src="nav_bar.dart"></script> | 234 <script type="application/dart" src="nav_bar.dart"></script> |
| OLD | NEW |