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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 192443004: Complete the switch to ServiceObject (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 9 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
« runtime/bin/vmservice/client/lib/src/elements/instance_ref.dart ('K') | « runtime/bin/vmservice/client/lib/src/elements/nav_bar.dart ('k') | runtime/bin/vmservice/client/lib/src/elements/observatory_element.dart » ('j') | runtime/bin/vmservice/client/lib/src/elements/script_ref.dart » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <head> 1 <head>
2 <link rel="import" href="observatory_element.html"> 2 <link rel="import" href="observatory_element.html">
3 <link rel="import" href="isolate_element.html">
4 </head> 3 </head>
5 4
6 <polymer-element name="nav-bar" extends="observatory-element"> 5 <polymer-element name="nav-bar" extends="observatory-element">
7 <template> 6 <template>
8 <style> 7 <style>
9 nav ul { 8 nav ul {
10 display: inline-table; 9 display: inline-table;
11 position: relative; 10 position: relative;
12 list-style: none; 11 list-style: none;
13 padding-left: 0; 12 padding-left: 0;
(...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after
113 color: white; 112 color: white;
114 text-decoration: none; 113 text-decoration: none;
115 } 114 }
116 </style> 115 </style>
117 <li><a href="{{ link }}">{{ anchor }}</a> 116 <li><a href="{{ link }}">{{ anchor }}</a>
118 <ul><content></content></ul> 117 <ul><content></content></ul>
119 </li> 118 </li>
120 </template> 119 </template>
121 </polymer-element> 120 </polymer-element>
122 121
122 <polymer-element name="nav-menu-item-checkbox" extends="observatory-element">
123 <template>
124 <style>
125 li {
126 float: none;
127 border-top: 1px solid #677;
128 border-bottom: 1px solid #556; position: relative;
129 }
130 li:hover {
131 background: #455;
132 }
133 li ul {
134 display: none;
135 position: absolute;
136 top:0;
137 left: 100%;
138 list-style: none;
139 padding: 0;
140 margin-left: 0;
141 width: auto;
142 z-index: 10;
143 font: 400 16px 'Montserrat', sans-serif;
144 color: white;
145 background: #567;
146 }
147 li ul:after {
148 content: ""; clear: both; display: block;
149 }
150 li:hover > ul {
151 display: block;
152 }
153 li a {
154 display: block;
155 padding: 12px 12px;
156 color: white;
157 text-decoration: none;
158 }
159 input[type="checkbox"] + label span {
160 display:inline-block;
161 width:19px;
162 height:19px;
turnidge 2014/03/10 21:03:28 I have some questions about this css -- don't see
Cutch 2014/03/11 03:17:48 Done.
163 }
164 </style>
165 <li>
166 <input type="checkbox" value="{{ checked }}" checked="{{ checked }}">
167 <label><content></content></label>
168 </li>
169 </template>
170 </polymer-element>
turnidge 2014/03/10 21:03:28 Where do you use this custom element? It looks li
Cutch 2014/03/11 03:17:48 Dead code. Removed.
171
123 <polymer-element name="nav-refresh" extends="observatory-element"> 172 <polymer-element name="nav-refresh" extends="observatory-element">
124 <template> 173 <template>
125 <style> 174 <style>
126 .active { 175 .active {
127 color: #aaa; 176 color: #aaa;
128 cursor: wait; 177 cursor: wait;
129 } 178 }
130 .idle { 179 .idle {
131 color: #000; 180 color: #000;
132 } 181 }
133 li { 182 li {
134 float: right; 183 float: right;
135 margin: 0; 184 margin: 0;
136 } 185 }
137 li button { 186 li button {
138 margin: 3px; 187 margin: 3px;
139 padding: 8px; 188 padding: 8px;
140 } 189 }
141 </style> 190 </style>
142 <li> 191 <li>
143 <template if="{{ active }}"> 192 <template if="{{ active }}">
144 <button class="active" on-click="{{ buttonClick }}">Refresh</button> 193 <button class="active" on-click="{{ buttonClick }}">{{ label }}</button>
145 </template> 194 </template>
146 <template if="{{ !active }}"> 195 <template if="{{ !active }}">
147 <button class="idle" on-click="{{ buttonClick }}">Refresh</button> 196 <button class="idle" on-click="{{ buttonClick }}">{{ label }}</button>
148 </template> 197 </template>
149 </li> 198 </li>
150 </template> 199 </template>
151 </polymer-element> 200 </polymer-element>
152 201
153 <polymer-element name="top-nav-menu"> 202 <polymer-element name="top-nav-menu">
154 <template> 203 <template>
155 <nav-menu link="#" anchor="Observatory" last="{{ last }}"> 204 <nav-menu link="#" anchor="Observatory" last="{{ last }}">
156 <content></content> 205 <content></content>
157 </nav-menu> 206 </nav-menu>
158 </template> 207 </template>
159 </polymer-element> 208 </polymer-element>
160 209
161 <polymer-element name="isolate-nav-menu" extends="isolate-element"> 210 <polymer-element name="isolate-nav-menu" extends="observatory-element">
162 <template> 211 <template>
163 <nav-menu link="#" anchor="{{ isolate.name }}" last="{{ last }}"> 212 <nav-menu link="#" anchor="{{ isolate.name }}" last="{{ last }}">
164 <nav-menu-item link="{{ isolate.hashLink('stacktrace') }}" 213 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}"
165 anchor="stack trace"></nav-menu-item> 214 anchor="stack trace"></nav-menu-item>
166 <nav-menu-item link="{{ isolate.hashLink('profile') }}" 215 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}"
167 anchor="cpu profile"></nav-menu-item> 216 anchor="cpu profile"></nav-menu-item>
168 <nav-menu-item link="{{ isolate.hashLink('allocationprofile') }}" 217 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}"
169 anchor="heap profile"></nav-menu-item> 218 anchor="heap profile"></nav-menu-item>
170 <nav-menu-item link="{{ isolate.hashLink('debug/breakpoints') }}" 219 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}"
171 anchor="breakpoints"></nav-menu-item> 220 anchor="breakpoints"></nav-menu-item>
172 <content></content> 221 <content></content>
173 </nav-menu> 222 </nav-menu>
174 </template> 223 </template>
175 </polymer-element> 224 </polymer-element>
176 225
177 <polymer-element name="library-nav-menu" extends="isolate-element"> 226 <polymer-element name="library-nav-menu" extends="observatory-element">
178 <template> 227 <template>
179 <nav-menu link="{{ isolate.hashLink(library['id']) }}" 228 <nav-menu link="{{ library.hashLink }}"
180 anchor="{{ library['name'] }}" last="{{ last }}"> 229 anchor="{{ library.name }}" last="{{ last }}">
181 <content></content> 230 <content></content>
182 </nav-menu> 231 </nav-menu>
183 </template> 232 </template>
184 </polymer-element> 233 </polymer-element>
185 234
186 <polymer-element name="class-nav-menu" extends="isolate-element"> 235 <polymer-element name="class-nav-menu" extends="observatory-element">
187 <template> 236 <template>
188 <nav-menu link="{{ isolate.hashLink(cls['id']) }}" 237 <nav-menu link="{{ cls.hashLink }}"
189 anchor="{{ cls['user_name'] }}" last="{{ last }}"> 238 anchor="{{ cls.name }}" last="{{ last }}">
190 <content></content> 239 <content></content>
191 </nav-menu> 240 </nav-menu>
192 </template> 241 </template>
193 </polymer-element> 242 </polymer-element>
194 243
195 <script type="application/dart" src="nav_bar.dart"></script> 244 <script type="application/dart" src="nav_bar.dart"></script>
OLDNEW
« runtime/bin/vmservice/client/lib/src/elements/instance_ref.dart ('K') | « runtime/bin/vmservice/client/lib/src/elements/nav_bar.dart ('k') | runtime/bin/vmservice/client/lib/src/elements/observatory_element.dart » ('j') | runtime/bin/vmservice/client/lib/src/elements/script_ref.dart » ('J')

Powered by Google App Engine
This is Rietveld 408576698