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

Side by Side Diff: runtime/bin/vmservice/client/lib/src/elements/nav_bar.html

Issue 308673012: Redo LocationManager to use HTML5 History API (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 6 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
OLDNEW
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
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">&gt;</li> 88 <li class="spacer">&gt;</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
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
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 }}">&#9664;</button>
185 <button class="black" on-click="{{ forward }}">&#9654;</button>
turnidge 2014/06/04 18:02:24 Which symbols did you end up using for these?
Cutch 2014/06/04 20:28:57 These are both large black triangles.
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698