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