← Back to branch summary

~didrocks/+junk/face-detection-15.04

« back to all changes in this revision

Viewing changes to facedetection/www/bower_components/iron-list/demo/basic.html

  • Committer: Didier Roche
  • Date: 2016-05-10 23:09:11 UTC
  • Revision ID: didier.roche@canonical.com-20160510230911-c7xr490zrj3yrzxd
New version

Show diffs side-by-side

added added

removed removed

Lines of Context:
facedetection/www/bower_components/iron-list/demo/basic.html
 
1
<!--
 
2
@license
 
3
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 
4
This code may only be used under the BSD style license found at http://polymer.github.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/CONTRIBUTORS.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/PATENTS.txt
 
9
-->
 
10
 
 
11
<!doctype html>
 
12
<html>
 
13
<head>
 
14
 
 
15
  <title>iron-list demo</title>
 
16
 
 
17
  <meta charset="utf-8">
 
18
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=no">
 
19
  <meta name="mobile-web-app-capable" content="yes">
 
20
  <meta name="apple-mobile-web-app-capable" content="yes">
 
21
 
 
22
  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
 
23
 
 
24
  <link rel="import" href="../../polymer/polymer.html">
 
25
  <link rel="import" href="../../iron-flex-layout/iron-flex-layout.html">
 
26
  <link rel="import" href="../../iron-ajax/iron-ajax.html">
 
27
  <link rel="import" href="../iron-list.html">
 
28
 
 
29
  <style is="custom-style">
 
30
 
 
31
    iron-list {
 
32
      @apply(--layout-fit);
 
33
    }
 
34
 
 
35
    .item {
 
36
      padding: 10px;
 
37
      border-bottom: 1px solid #ccc;
 
38
    }
 
39
 
 
40
  </style>
 
41
 
 
42
</head>
 
43
<body unresolved>
 
44
 
 
45
  <template is="dom-bind">
 
46
    <iron-ajax url="data/contacts.json" last-response="{{data}}" auto></iron-ajax>
 
47
 
 
48
    <iron-list items="[[data]]" as="item">
 
49
      <template>
 
50
        <div class="item">
 
51
        <b>#[[index]] - [[item.name]]</b>
 
52
        <p>[[item.longText]]</p>
 
53
        </div>
 
54
      </template>
 
55
    </iron-list>
 
56
 
 
57
  </template>
 
58
 
 
59
</body>
 
60
</html>