diff options
Diffstat (limited to 'catapult/third_party/polymer/components/iron-meta/demo/index.html')
-rw-r--r-- | catapult/third_party/polymer/components/iron-meta/demo/index.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/iron-meta/demo/index.html b/catapult/third_party/polymer/components/iron-meta/demo/index.html new file mode 100644 index 00000000..0fc39e30 --- /dev/null +++ b/catapult/third_party/polymer/components/iron-meta/demo/index.html @@ -0,0 +1,76 @@ +<!doctype html> +<!-- +@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 +--> +<html> +<head> + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <title>iron-meta</title> + + <script src="../../webcomponentsjs/webcomponents-lite.js"></script> + <link rel="import" href="../../paper-styles/demo-pages.html"> + <link rel="import" href="../iron-meta.html"> +</head> +<body> + + <div class="vertical-section centered"> + <h1><iron-meta></h1> + <h2>Key Query</h2> + + <iron-meta key="info" value="foo/bar"></iron-meta> + + The <code>value</code> stored at <code>key="info"</code> is <code><meta-test></meta-test></code>. + </div> + + <div class="vertical-section centered"> + <h2>Type Query</h2> + + <iron-meta type="type1" key="a" value="Polymer"></iron-meta> + <iron-meta type="type1" key="b" value="is"></iron-meta> + <iron-meta type="type2" key="a" value="wonderful"></iron-meta> + <iron-meta type="type2" key="b" value="<3"></iron-meta> + + The <code>value(s)</code> stored at <code>type="type1"</code> are:<br><code><type-one></type-one></code>.<br><br>The <code>value(s)</code> stored at <code>type="type2"</code> are:<br><code><type-two></type-two></code>. + </div> + + <script> + document.addEventListener('WebComponentsReady', function() { + Polymer({ + is: 'meta-test', + ready: function() { + this.textContent = new Polymer.IronMetaQuery({key: 'info'}).value; + } + }); + }); + + Polymer({ + is: 'type-one', + + ready: function() { + var resultList = new Polymer.IronMetaQuery({type: "type1"}).list; + this.textContent = JSON.stringify(resultList); + } + }); + + Polymer({ + is: 'type-two', + + ready: function() { + var resultList = new Polymer.IronMetaQuery({type: "type2"}).list; + this.textContent = JSON.stringify(resultList); + } + }); + + </script> + +</body> +</html> |