added web interface (WIP)
This commit is contained in:
		
							
								
								
									
										52
									
								
								websrc/app/elements/my-list/my-list.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										52
									
								
								websrc/app/elements/my-list/my-list.html
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,52 @@
 | 
			
		||||
<!--
 | 
			
		||||
@license
 | 
			
		||||
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 | 
			
		||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 | 
			
		||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 | 
			
		||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 | 
			
		||||
Code distributed by Google as part of the polymer project is also
 | 
			
		||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 | 
			
		||||
-->
 | 
			
		||||
<link rel="import" href="../../bower_components/polymer/polymer.html">
 | 
			
		||||
 | 
			
		||||
<dom-module id="my-list">
 | 
			
		||||
  <template>
 | 
			
		||||
    <style>
 | 
			
		||||
      :host {
 | 
			
		||||
        display: block;
 | 
			
		||||
      }
 | 
			
		||||
    </style>
 | 
			
		||||
    <ul>
 | 
			
		||||
      <template is="dom-repeat" items="{{items}}">
 | 
			
		||||
        <li><span class="paper-font-body1">{{item}}</span></li>
 | 
			
		||||
      </template>
 | 
			
		||||
    </ul>
 | 
			
		||||
  </template>
 | 
			
		||||
 | 
			
		||||
  <script>
 | 
			
		||||
    (function () {
 | 
			
		||||
      'use strict';
 | 
			
		||||
 | 
			
		||||
      Polymer({
 | 
			
		||||
        is: 'my-list',
 | 
			
		||||
        properties: {
 | 
			
		||||
          items: {
 | 
			
		||||
            type: Array,
 | 
			
		||||
            notify: true,
 | 
			
		||||
          }
 | 
			
		||||
        },
 | 
			
		||||
        ready: function() {
 | 
			
		||||
          this.items = [
 | 
			
		||||
            'Responsive Web App boilerplate',
 | 
			
		||||
            'Iron Elements and Paper Elements',
 | 
			
		||||
            'End-to-end Build Tooling (including Vulcanize)',
 | 
			
		||||
            'Unit testing with Web Component Tester',
 | 
			
		||||
            'Routing with Page.js',
 | 
			
		||||
            'Offline support with the Platinum Service Worker Elements'
 | 
			
		||||
          ];
 | 
			
		||||
        }
 | 
			
		||||
      });
 | 
			
		||||
    })();
 | 
			
		||||
  </script>
 | 
			
		||||
 | 
			
		||||
</dom-module>
 | 
			
		||||
		Reference in New Issue
	
	Block a user