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

Side by Side Diff: polymer_1.0.4/bower_components/neon-animation/demo/list/list-demo.html

Issue 1205703007: Add polymer 1.0 to npm_modules (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Renamed folder to 1.0.4 Created 5 years, 5 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
OLDNEW
(Empty)
1 <!--
2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
3 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
5 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
6 Code distributed by Google as part of the polymer project is also
7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
8 -->
9 <link rel="import" href="../../../polymer/polymer.html">
10 <link rel="import" href="../../../paper-styles/paper-styles.html">
11 <link rel="import" href="../../../paper-toolbar/paper-toolbar.html">
12 <link rel="import" href="../../neon-animated-pages.html">
13 <link rel="import" href="../../neon-animations.html">
14 <link rel="import" href="list-view.html">
15 <link rel="import" href="full-view.html">
16
17 <dom-module id="list-demo">
18
19 <style>
20
21 :host {
22 display: block;
23 }
24
25 neon-animated-pages {
26 height: 100%;
27 }
28
29 </style>
30
31 <template>
32
33 <neon-animated-pages id="pages" selected="0">
34
35 <list-view data="[[fileData]]" on-item-click="_onItemClick"></list-view>
36
37 <full-view on-close="_onClose"></full-view>
38
39 </neon-animated-pages>
40
41 </template>
42
43 </dom-module>
44
45 <script>
46
47 Polymer({
48
49 is: 'list-demo',
50
51 properties: {
52
53 fileData: {
54 type: Array,
55 value: function() {
56 return [
57 {fileName: 'IMG_4130.jpg', modifiedDate: 'May 12 2015'},
58 {fileName: 'IMG_4131.jpg', modifiedDate: 'May 12 2015'},
59 {fileName: 'IMG_4132.jpg', modifiedDate: 'May 12 2015'},
60 {fileName: 'IMG_4133.jpg', modifiedDate: 'May 12 2015'},
61 {fileName: 'IMG_4134.jpg', modifiedDate: 'May 12 2015'},
62 {fileName: 'IMG_4135.jpg', modifiedDate: 'May 12 2015'},
63 {fileName: 'IMG_4136.jpg', modifiedDate: 'May 12 2015'},
64 {fileName: 'IMG_4137.jpg', modifiedDate: 'May 12 2015'},
65 {fileName: 'IMG_4138.jpg', modifiedDate: 'May 12 2015'},
66 {fileName: 'IMG_4139.jpg', modifiedDate: 'May 12 2015'},
67 {fileName: 'IMG_4140.jpg', modifiedDate: 'May 12 2015'},
68 {fileName: 'IMG_4141.jpg', modifiedDate: 'May 12 2015'},
69 {fileName: 'IMG_4142.jpg', modifiedDate: 'May 12 2015'},
70 {fileName: 'IMG_4143.jpg', modifiedDate: 'May 12 2015'},
71 {fileName: 'IMG_4144.jpg', modifiedDate: 'May 12 2015'},
72 {fileName: 'IMG_4145.jpg', modifiedDate: 'May 12 2015'},
73 {fileName: 'IMG_4146.jpg', modifiedDate: 'May 12 2015'},
74 {fileName: 'IMG_4147.jpg', modifiedDate: 'May 12 2015'},
75 {fileName: 'IMG_4148.jpg', modifiedDate: 'May 12 2015'},
76 {fileName: 'IMG_4149.jpg', modifiedDate: 'May 12 2015'},
77 {fileName: 'IMG_4150.jpg', modifiedDate: 'May 12 2015'},
78 {fileName: 'IMG_4151.jpg', modifiedDate: 'May 12 2015'},
79 {fileName: 'IMG_4152.jpg', modifiedDate: 'May 12 2015'},
80 {fileName: 'IMG_4153.jpg', modifiedDate: 'May 12 2015'},
81 {fileName: 'IMG_4154.jpg', modifiedDate: 'May 12 2015'},
82 {fileName: 'IMG_4155.jpg', modifiedDate: 'May 12 2015'},
83 {fileName: 'IMG_4156.jpg', modifiedDate: 'May 12 2015'},
84 {fileName: 'IMG_4157.jpg', modifiedDate: 'May 12 2015'},
85 {fileName: 'IMG_4158.jpg', modifiedDate: 'May 12 2015'},
86 {fileName: 'IMG_4159.jpg', modifiedDate: 'May 12 2015'},
87 {fileName: 'IMG_4160.jpg', modifiedDate: 'May 12 2015'},
88 {fileName: 'IMG_4161.jpg', modifiedDate: 'May 12 2015'},
89 {fileName: 'IMG_4162.jpg', modifiedDate: 'May 12 2015'},
90 {fileName: 'IMG_4163.jpg', modifiedDate: 'May 12 2015'},
91 {fileName: 'IMG_4164.jpg', modifiedDate: 'May 12 2015'},
92 {fileName: 'IMG_4165.jpg', modifiedDate: 'May 12 2015'},
93 {fileName: 'IMG_4166.jpg', modifiedDate: 'May 12 2015'},
94 {fileName: 'IMG_4167.jpg', modifiedDate: 'May 12 2015'},
95 {fileName: 'IMG_4168.jpg', modifiedDate: 'May 12 2015'},
96 {fileName: 'IMG_4169.jpg', modifiedDate: 'May 12 2015'}
97 ]
98 }
99 }
100 },
101
102 _onItemClick: function() {
103 this.$.pages.selected = 1;
104 },
105
106 _onClose: function() {
107 this.$.pages.selected = 0;
108 }
109
110 });
111
112 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698