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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: bower_components/core-dropdown/demo.html

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 11 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
« no previous file with comments | « bower_components/core-dropdown/core-dropdown-overlay.html ('k') | bower_components/core-dropdown/index.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!doctype html>
2 <!--
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 -->
10
11 <!--
12 Issues:
13
14 * what to do on window resize?
15 * reposition
16 * what to do when window scrolls?
17 * tbd
18 * positioning
19 * convenience - halign, valign
20 * possible to use custom CSS
21
22 Approaches:
23
24 * uses default core-overlay behavior
25 * possible to be always on top
26 * doesn't scroll with
27 * core-dropdown is independent of the triggering element
28 * uses position: absolute
29 * scrolls with
30 * might not be always on top
31 * core-dropdown needs to know about both the triggering element and the dropdo wn
32 * core-dropdown contains both the triggering element and the dropdown, uses dist ribution
33 * how do I position the dropdown?
34 * if the dropdown is the distributed node, it's hard to style the dropdown fro m the outside because of specificity
35 * if the dropdown is the container of the distributed node, it's hard to style the dropdown from the outside
36 because of shadow dom - maybe ok?
37
38 Related elements:
39
40 core-dropdown - a control that triggers a dropdown
41 core-dropdown-menu - a control that triggers a dropdown menu, similar to select
42 core-menu-button - a icon button that triggers a dropdown menu
43 -->
44 <html>
45 <head>
46
47 <meta charset="utf-8">
48 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
49 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial- scale=1.0, user-scalable=yes">
50
51 <title>core-dropdown</title>
52
53 <script src="../platform/platform.js"></script>
54
55 <link href="../core-icon/core-icon.html" rel="import">
56 <link href="../core-icons/core-icons.html" rel="import">
57 <link href="../core-icons/social-icons.html" rel="import">
58 <link href="../core-icon-button/core-icon-button.html" rel="import">
59
60 <link href="core-dropdown.html" rel="import">
61
62 <style shim-shadowdom>
63 body {
64 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
65 font-size: 16px;
66 }
67
68 html, body {
69 height: 100%;
70 margin: 0;
71 }
72
73 html /deep/ core-dropdown {
74 background-color: #eee;
75 color: #000;
76 border: 1px solid #ccc;
77 border-radius: 3px;
78 }
79
80 drop-down.margin::shadow core-dropdown {
81 margin: 12px;
82 }
83
84 drop-down.open-below::shadow core-dropdown {
85 position: absolute;
86 top: 38px;
87 left: 0px;
88 }
89
90 drop-down.constrained::shadow core-dropdown {
91 max-height: 500px;
92 }
93
94 .dropdown {
95 padding: 12px;
96 }
97
98 .toolbar {
99 color: #fff;
100 font-size: 16px;
101 }
102
103 .toolbar-1 {
104 background-color: #3b78e7;
105 }
106
107 .toolbar-2 {
108 background-color: #4285f4;
109 }
110
111 .toolbar-3 {
112 background-color: #5e97f6;
113 }
114
115 .bottom-toolbar-1 {
116 background-color: #0d904f;
117 }
118
119 .bottom-toolbar-2 {
120 background-color: #0f9d58;
121 }
122
123 .bottom-toolbar-3 {
124 background-color: #33ac71;
125 }
126
127 .toolbar > * {
128 padding: 12px;
129 }
130
131 .toolbar-label {
132 width: 100px;
133 }
134
135 .middle {
136 overflow: auto;
137 }
138
139 .middle > * {
140 padding: 12px;
141 }
142
143 </style>
144
145 </head>
146 <body>
147
148 <polymer-element name="drop-down" attributes="opened halign valign">
149 <template>
150 <style>
151 :host {
152 display: inline-block;
153 position: relative;
154 }
155 </style>
156 <div id="trigger" on-tap="{{toggle}}">
157 <content select=".core-dropdown-trigger"></content>
158 </div>
159 <core-dropdown relatedTarget="{{$.trigger}}" halign="{{halign}}" valign="{{v align}}" opened="{{opened}}" margin="12">
160 <content></content>
161 </core-dropdown>
162 </template>
163 <script>
164 Polymer({
165 toggle: function() {
166 this.opened = !this.opened;
167 }
168 });
169 </script>
170 </polymer-element>
171
172 <polymer-element name="drop-down-2" attributes="opened halign valign">
173 <template>
174 <style>
175 :host {
176 display: inline-block;
177 }
178 #trigger {
179 position: relative;
180 }
181 </style>
182 <div id="trigger" on-tap="{{toggle}}">
183 <content select=".core-dropdown-trigger"></content>
184 <core-dropdown relatedTarget="{{$.trigger}}" halign="{{halign}}" valign="{ {valign}}" opened="{{opened}}" margin="12">
185 <content></content>
186 </core-dropdown>
187 </div>
188 </template>
189 <script>
190 Polymer({
191 toggle: function() {
192 this.opened = !this.opened;
193 }
194 });
195 </script>
196 </polymer-element>
197
198 <template is="auto-binding">
199
200 <div layout vertical fit>
201
202 <div class="toolbar toolbar-1" layout horizontal center>
203
204 <div class="toolbar-label">
205 halign=left valign=top
206 </div>
207
208 <drop-down halign="left">
209 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
210 <div class="dropdown" layout horizontal center-center>
211 <h2>Hello World!</h2>
212 </div>
213 </drop-down>
214
215 <drop-down-2 halign="left">
216 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
217 <div class="dropdown" layout horizontal center-center>
218 <h2>I'm a child of the button</h2>
219 </div>
220 </drop-down-2>
221
222 <drop-down halign="left">
223 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
224 <div class="dropdown">
225 <h2>scrollable-vertical</h2>
226 <template repeat="{{countries}}">
227 <p>{{name}}</p>
228 </template>
229 </div>
230 </drop-down>
231
232 <drop-down class="margin" halign="left">
233 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
234 <div class="dropdown">
235 <h2>margins</h2>
236 <template repeat="{{countries}}">
237 <p>{{name}}</p>
238 </template>
239 </div>
240 </drop-down>
241
242 <div flex>
243 </div>
244
245 </div>
246
247 <div class="toolbar toolbar-2" layout horizontal center>
248
249 <div class="toolbar-label">
250 halign=right valign=top
251 </div>
252
253 <div flex></div>
254
255 <drop-down class="margin" halign="right">
256 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
257 <div class="dropdown">
258 <h2>margin</h2>
259 <template repeat="{{countries}}">
260 <p>{{name}}</p>
261 </template>
262 </div>
263 </drop-down>
264
265 <drop-down halign="right">
266 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
267 <div class="dropdown">
268 <h2>scrollable-vertical</h2>
269 <template repeat="{{countries}}">
270 <p>{{name}}</p>
271 </template>
272 </div>
273 </drop-down>
274
275 <drop-down-2 halign="right">
276 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
277 <div class="dropdown" layout horizontal center-center>
278 <h2>I'm a child of the button</h2>
279 </div>
280 </drop-down-2>
281
282 <drop-down halign="right">
283 <core-icon-button class="core-dropdown-trigger" icon="more-vert"></core- icon-button>
284 <div class="dropdown" layout horizontal center-center>
285 <h2>Hello World!</h2>
286 </div>
287 </drop-down>
288
289 </div>
290
291 <div flex class="middle">
292 <div>
293 <drop-down>
294 <core-icon-button class="core-dropdown-trigger" icon="social:notificat ions"></core-icon-button>
295 <div class="dropdown">
296 <h2>Hello World!</h2>
297 </div>
298 </drop-down>
299
300 <drop-down class="open-below">
301 <core-icon-button class="core-dropdown-trigger" icon="social:notificat ions"></core-icon-button>
302 <div class="dropdown">
303 <h2>Custom positioning</h2>
304 </div>
305 </drop-down>
306
307 <drop-down class="open-below constrained">
308 <core-icon-button class="core-dropdown-trigger" icon="social:notificat ions"></core-icon-button>
309 <div class="dropdown">
310 <h2>Scrollable + custom size + custom positioning</h2>
311 <template repeat="{{countries}}">
312 <p>{{name}}</p>
313 </template>
314 </div>
315 </drop-down>
316 </div>
317
318 <p>scroll me...</p>
319
320 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
321
322 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
323
324 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
325
326 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
327
328 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
329
330 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
331
332 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
333
334 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
335
336 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
337
338 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
339
340 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
341
342 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
343 </div>
344
345 <div class="toolbar bottom-toolbar-2" layout horizontal center>
346
347 <div class="toolbar-label">
348 halign=left valign=bottom
349 </div>
350
351 <drop-down halign="left" valign="bottom">
352 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
353 <div class="dropdown" layout horizontal center-center>
354 <h2>Hello World!</h2>
355 </div>
356 </drop-down>
357
358 <drop-down-2 halign="left" valign="bottom">
359 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
360 <div class="dropdown" layout horizontal center-center>
361 <h2>I'm a child of the button</h2>
362 </div>
363 </drop-down-2>
364
365 <drop-down halign="left" valign="bottom">
366 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
367 <div class="dropdown">
368 <h2>scrollable-vertical</h2>
369 <template repeat="{{countries}}">
370 <p>{{name}}</p>
371 </template>
372 </div>
373 </drop-down>
374
375 <drop-down class="margin" halign="left" valign="bottom">
376 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
377 <div class="dropdown">
378 <h2>margin</h2>
379 <template repeat="{{countries}}">
380 <p>{{name}}</p>
381 </template>
382 </div>
383 </drop-down>
384
385 <div flex>
386 </div>
387
388 </div>
389
390 <div class="toolbar bottom-toolbar-1" layout horizontal center>
391
392 <div class="toolbar-label">
393 halign=right valign=bottom
394 </div>
395
396 <div flex></div>
397
398 <drop-down class="margin" halign="right" valign="bottom">
399 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
400 <div class="dropdown">
401 <h2>margin</h2>
402 <template repeat="{{countries}}">
403 <p>{{name}}</p>
404 </template>
405 </div>
406 </drop-down>
407
408 <drop-down halign="right" valign="bottom">
409 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
410 <div class="dropdown">
411 <h2>scrollable-vertical</h2>
412 <template repeat="{{countries}}">
413 <p>{{name}}</p>
414 </template>
415 </div>
416 </drop-down>
417
418 <drop-down-2 halign="right" valign="bottom">
419 <core-icon-button class="core-dropdown-trigger" icon="menu"></core-icon- button>
420 <div class="dropdown" layout horizontal center-center>
421 <h2>I'm a child of the button</h2>
422 </div>
423 </drop-down-2>
424
425 <drop-down halign="right" valign="bottom">
426 <core-icon-button class="core-dropdown-trigger" icon="more-vert"></core- icon-button>
427 <div class="dropdown" layout horizontal center-center>
428 <h2>Hello World!</h2>
429 </div>
430 </drop-down>
431
432 </div>
433
434 </div>
435
436 </template>
437
438 <script>
439
440 scope = document.querySelector('template[is=auto-binding]');
441
442 scope.countries = [
443 {name: 'Afghanistan', code: 'AF'},
444 {name: 'Åland Islands', code: 'AX'},
445 {name: 'Albania', code: 'AL'},
446 {name: 'Algeria', code: 'DZ'},
447 {name: 'American Samoa', code: 'AS'},
448 {name: 'Andorra', code: 'AD'},
449 {name: 'Angola', code: 'AO'},
450 {name: 'Anguilla', code: 'AI'},
451 {name: 'Antarctica', code: 'AQ'},
452 {name: 'Antigua and Barbuda', code: 'AG'},
453 {name: 'Argentina', code: 'AR'},
454 {name: 'Armenia', code: 'AM'},
455 {name: 'Aruba', code: 'AW'},
456 {name: 'Australia', code: 'AU'},
457 {name: 'Austria', code: 'AT'},
458 {name: 'Azerbaijan', code: 'AZ'},
459 {name: 'Bahamas', code: 'BS'},
460 {name: 'Bahrain', code: 'BH'},
461 {name: 'Bangladesh', code: 'BD'},
462 {name: 'Barbados', code: 'BB'},
463 {name: 'Belarus', code: 'BY'},
464 {name: 'Belgium', code: 'BE'},
465 {name: 'Belize', code: 'BZ'},
466 {name: 'Benin', code: 'BJ'},
467 {name: 'Bermuda', code: 'BM'},
468 {name: 'Bhutan', code: 'BT'},
469 {name: 'Bolivia', code: 'BO'},
470 {name: 'Bosnia and Herzegovina', code: 'BA'},
471 {name: 'Botswana', code: 'BW'},
472 {name: 'Bouvet Island', code: 'BV'},
473 {name: 'Brazil', code: 'BR'},
474 {name: 'British Indian Ocean Territory', code: 'IO'},
475 {name: 'Brunei Darussalam', code: 'BN'},
476 {name: 'Bulgaria', code: 'BG'},
477 {name: 'Burkina Faso', code: 'BF'},
478 {name: 'Burundi', code: 'BI'},
479 {name: 'Cambodia', code: 'KH'},
480 {name: 'Cameroon', code: 'CM'},
481 {name: 'Canada', code: 'CA'},
482 {name: 'Cape Verde', code: 'CV'},
483 {name: 'Cayman Islands', code: 'KY'},
484 {name: 'Central African Republic', code: 'CF'},
485 {name: 'Chad', code: 'TD'},
486 {name: 'Chile', code: 'CL'},
487 {name: 'China', code: 'CN'},
488 {name: 'Christmas Island', code: 'CX'},
489 {name: 'Cocos (Keeling) Islands', code: 'CC'},
490 {name: 'Colombia', code: 'CO'},
491 {name: 'Comoros', code: 'KM'},
492 {name: 'Congo', code: 'CG'},
493 {name: 'Congo, The Democratic Republic of the', code: 'CD'},
494 {name: 'Cook Islands', code: 'CK'},
495 {name: 'Costa Rica', code: 'CR'},
496 {name: 'Cote D\'Ivoire', code: 'CI'},
497 {name: 'Croatia', code: 'HR'},
498 {name: 'Cuba', code: 'CU'},
499 {name: 'Cyprus', code: 'CY'},
500 {name: 'Czech Republic', code: 'CZ'},
501 {name: 'Denmark', code: 'DK'},
502 {name: 'Djibouti', code: 'DJ'},
503 {name: 'Dominica', code: 'DM'},
504 {name: 'Dominican Republic', code: 'DO'},
505 {name: 'Ecuador', code: 'EC'},
506 {name: 'Egypt', code: 'EG'},
507 {name: 'El Salvador', code: 'SV'},
508 {name: 'Equatorial Guinea', code: 'GQ'},
509 {name: 'Eritrea', code: 'ER'},
510 {name: 'Estonia', code: 'EE'},
511 {name: 'Ethiopia', code: 'ET'},
512 {name: 'Falkland Islands (Malvinas)', code: 'FK'},
513 {name: 'Faroe Islands', code: 'FO'},
514 {name: 'Fiji', code: 'FJ'},
515 {name: 'Finland', code: 'FI'},
516 {name: 'France', code: 'FR'},
517 {name: 'French Guiana', code: 'GF'},
518 {name: 'French Polynesia', code: 'PF'},
519 {name: 'French Southern Territories', code: 'TF'},
520 {name: 'Gabon', code: 'GA'},
521 {name: 'Gambia', code: 'GM'},
522 {name: 'Georgia', code: 'GE'},
523 {name: 'Germany', code: 'DE'},
524 {name: 'Ghana', code: 'GH'},
525 {name: 'Gibraltar', code: 'GI'},
526 {name: 'Greece', code: 'GR'},
527 {name: 'Greenland', code: 'GL'},
528 {name: 'Grenada', code: 'GD'},
529 {name: 'Guadeloupe', code: 'GP'},
530 {name: 'Guam', code: 'GU'},
531 {name: 'Guatemala', code: 'GT'},
532 {name: 'Guernsey', code: 'GG'},
533 {name: 'Guinea', code: 'GN'},
534 {name: 'Guinea-Bissau', code: 'GW'},
535 {name: 'Guyana', code: 'GY'},
536 {name: 'Haiti', code: 'HT'},
537 {name: 'Heard Island and Mcdonald Islands', code: 'HM'},
538 {name: 'Holy See (Vatican City State)', code: 'VA'},
539 {name: 'Honduras', code: 'HN'},
540 {name: 'Hong Kong', code: 'HK'},
541 {name: 'Hungary', code: 'HU'},
542 {name: 'Iceland', code: 'IS'},
543 {name: 'India', code: 'IN'},
544 {name: 'Indonesia', code: 'ID'},
545 {name: 'Iran, Islamic Republic Of', code: 'IR'},
546 {name: 'Iraq', code: 'IQ'},
547 {name: 'Ireland', code: 'IE'},
548 {name: 'Isle of Man', code: 'IM'},
549 {name: 'Israel', code: 'IL'},
550 {name: 'Italy', code: 'IT'},
551 {name: 'Jamaica', code: 'JM'},
552 {name: 'Japan', code: 'JP'},
553 {name: 'Jersey', code: 'JE'},
554 {name: 'Jordan', code: 'JO'},
555 {name: 'Kazakhstan', code: 'KZ'},
556 {name: 'Kenya', code: 'KE'},
557 {name: 'Kiribati', code: 'KI'},
558 {name: 'Korea, Democratic People\'S Republic of', code: 'KP'},
559 {name: 'Korea, Republic of', code: 'KR'},
560 {name: 'Kuwait', code: 'KW'},
561 {name: 'Kyrgyzstan', code: 'KG'},
562 {name: 'Lao People\'S Democratic Republic', code: 'LA'},
563 {name: 'Latvia', code: 'LV'},
564 {name: 'Lebanon', code: 'LB'},
565 {name: 'Lesotho', code: 'LS'},
566 {name: 'Liberia', code: 'LR'},
567 {name: 'Libyan Arab Jamahiriya', code: 'LY'},
568 {name: 'Liechtenstein', code: 'LI'},
569 {name: 'Lithuania', code: 'LT'},
570 {name: 'Luxembourg', code: 'LU'},
571 {name: 'Macao', code: 'MO'},
572 {name: 'Macedonia, The Former Yugoslav Republic of', code: 'MK'},
573 {name: 'Madagascar', code: 'MG'},
574 {name: 'Malawi', code: 'MW'},
575 {name: 'Malaysia', code: 'MY'},
576 {name: 'Maldives', code: 'MV'},
577 {name: 'Mali', code: 'ML'},
578 {name: 'Malta', code: 'MT'},
579 {name: 'Marshall Islands', code: 'MH'},
580 {name: 'Martinique', code: 'MQ'},
581 {name: 'Mauritania', code: 'MR'},
582 {name: 'Mauritius', code: 'MU'},
583 {name: 'Mayotte', code: 'YT'},
584 {name: 'Mexico', code: 'MX'},
585 {name: 'Micronesia, Federated States of', code: 'FM'},
586 {name: 'Moldova, Republic of', code: 'MD'},
587 {name: 'Monaco', code: 'MC'},
588 {name: 'Mongolia', code: 'MN'},
589 {name: 'Montserrat', code: 'MS'},
590 {name: 'Morocco', code: 'MA'},
591 {name: 'Mozambique', code: 'MZ'},
592 {name: 'Myanmar', code: 'MM'},
593 {name: 'Namibia', code: 'NA'},
594 {name: 'Nauru', code: 'NR'},
595 {name: 'Nepal', code: 'NP'},
596 {name: 'Netherlands', code: 'NL'},
597 {name: 'Netherlands Antilles', code: 'AN'},
598 {name: 'New Caledonia', code: 'NC'},
599 {name: 'New Zealand', code: 'NZ'},
600 {name: 'Nicaragua', code: 'NI'},
601 {name: 'Niger', code: 'NE'},
602 {name: 'Nigeria', code: 'NG'},
603 {name: 'Niue', code: 'NU'},
604 {name: 'Norfolk Island', code: 'NF'},
605 {name: 'Northern Mariana Islands', code: 'MP'},
606 {name: 'Norway', code: 'NO'},
607 {name: 'Oman', code: 'OM'},
608 {name: 'Pakistan', code: 'PK'},
609 {name: 'Palau', code: 'PW'},
610 {name: 'Palestinian Territory, Occupied', code: 'PS'},
611 {name: 'Panama', code: 'PA'},
612 {name: 'Papua New Guinea', code: 'PG'},
613 {name: 'Paraguay', code: 'PY'},
614 {name: 'Peru', code: 'PE'},
615 {name: 'Philippines', code: 'PH'},
616 {name: 'Pitcairn', code: 'PN'},
617 {name: 'Poland', code: 'PL'},
618 {name: 'Portugal', code: 'PT'},
619 {name: 'Puerto Rico', code: 'PR'},
620 {name: 'Qatar', code: 'QA'},
621 {name: 'Reunion', code: 'RE'},
622 {name: 'Romania', code: 'RO'},
623 {name: 'Russian Federation', code: 'RU'},
624 {name: 'RWANDA', code: 'RW'},
625 {name: 'Saint Helena', code: 'SH'},
626 {name: 'Saint Kitts and Nevis', code: 'KN'},
627 {name: 'Saint Lucia', code: 'LC'},
628 {name: 'Saint Pierre and Miquelon', code: 'PM'},
629 {name: 'Saint Vincent and the Grenadines', code: 'VC'},
630 {name: 'Samoa', code: 'WS'},
631 {name: 'San Marino', code: 'SM'},
632 {name: 'Sao Tome and Principe', code: 'ST'},
633 {name: 'Saudi Arabia', code: 'SA'},
634 {name: 'Senegal', code: 'SN'},
635 {name: 'Serbia and Montenegro', code: 'CS'},
636 {name: 'Seychelles', code: 'SC'},
637 {name: 'Sierra Leone', code: 'SL'},
638 {name: 'Singapore', code: 'SG'},
639 {name: 'Slovakia', code: 'SK'},
640 {name: 'Slovenia', code: 'SI'},
641 {name: 'Solomon Islands', code: 'SB'},
642 {name: 'Somalia', code: 'SO'},
643 {name: 'South Africa', code: 'ZA'},
644 {name: 'South Georgia and the South Sandwich Islands', code: 'GS'},
645 {name: 'Spain', code: 'ES'},
646 {name: 'Sri Lanka', code: 'LK'},
647 {name: 'Sudan', code: 'SD'},
648 {name: 'Suriname', code: 'SR'},
649 {name: 'Svalbard and Jan Mayen', code: 'SJ'},
650 {name: 'Swaziland', code: 'SZ'},
651 {name: 'Sweden', code: 'SE'},
652 {name: 'Switzerland', code: 'CH'},
653 {name: 'Syrian Arab Republic', code: 'SY'},
654 {name: 'Taiwan, Province of China', code: 'TW'},
655 {name: 'Tajikistan', code: 'TJ'},
656 {name: 'Tanzania, United Republic of', code: 'TZ'},
657 {name: 'Thailand', code: 'TH'},
658 {name: 'Timor-Leste', code: 'TL'},
659 {name: 'Togo', code: 'TG'},
660 {name: 'Tokelau', code: 'TK'},
661 {name: 'Tonga', code: 'TO'},
662 {name: 'Trinidad and Tobago', code: 'TT'},
663 {name: 'Tunisia', code: 'TN'},
664 {name: 'Turkey', code: 'TR'},
665 {name: 'Turkmenistan', code: 'TM'},
666 {name: 'Turks and Caicos Islands', code: 'TC'},
667 {name: 'Tuvalu', code: 'TV'},
668 {name: 'Uganda', code: 'UG'},
669 {name: 'Ukraine', code: 'UA'},
670 {name: 'United Arab Emirates', code: 'AE'},
671 {name: 'United Kingdom', code: 'GB'},
672 {name: 'United States', code: 'US'},
673 {name: 'United States Minor Outlying Islands', code: 'UM'},
674 {name: 'Uruguay', code: 'UY'},
675 {name: 'Uzbekistan', code: 'UZ'},
676 {name: 'Vanuatu', code: 'VU'},
677 {name: 'Venezuela', code: 'VE'},
678 {name: 'Viet Nam', code: 'VN'},
679 {name: 'Virgin Islands, British', code: 'VG'},
680 {name: 'Virgin Islands, U.S.', code: 'VI'},
681 {name: 'Wallis and Futuna', code: 'WF'},
682 {name: 'Western Sahara', code: 'EH'},
683 {name: 'Yemen', code: 'YE'},
684 {name: 'Zambia', code: 'ZM'},
685 {name: 'Zimbabwe', code: 'ZW'}
686 ];
687
688 scope.pastries = [
689 'Apple fritter',
690 'Croissant',
691 'Donut',
692 'Financier',
693 'Jello',
694 'Madeleine',
695 'Pound cake',
696 'Pretzel',
697 'Sfogliatelle'
698 ];
699
700 </script>
701
702 </body>
703 </html>
OLDNEW
« no previous file with comments | « bower_components/core-dropdown/core-dropdown-overlay.html ('k') | bower_components/core-dropdown/index.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698