diff options
| author | Pavel Sergeev <dzhioev@chromium.org> | 2014-09-25 19:57:17 +0400 |
|---|---|---|
| committer | Pavel Sergeev <dzhioev@chromium.org> | 2014-09-25 15:58:41 +0000 |
| commit | 344b7eb4fc9f09c744d3619167ec8fa3d89deb2f (patch) | |
| tree | db63d23763ad7a26670899466a759e456540418c /third_party/polymer/components/core-style/demo.html | |
| parent | 3ddca850a10976e7be7bc2bed5ffa394fa96b1a3 (diff) | |
| download | chromium_src-344b7eb4fc9f09c744d3619167ec8fa3d89deb2f.zip chromium_src-344b7eb4fc9f09c744d3619167ec8fa3d89deb2f.tar.gz chromium_src-344b7eb4fc9f09c744d3619167ec8fa3d89deb2f.tar.bz2 | |
Polymer elements added to third_party/polymer.
List of changes:
* Added all core-elements and paper-elements provided by Polymer.
* Components moved to 'components' subdirectory.
* Added a presubmit check verifying that the list of dependencies from
bower.json and the list of components installed to 'components' are the same.
(see README.chromium for details).
* Updated README.chromium
* Updated pathes to polymer.js and platform.js in projects that use them.
web-animations-js library will be added to the repository
later. Here is a list of components depending on web-animations-js:
* core-animation/core-animation-group.html
* core-animation/core-animation.html
* core-animation/web-animations.html
* paper-menu-button/paper-menu-button.html
* paper-menu-button/paper-menu-button-transition.html
This CL doesn't change polymer and platform components.
Landed manually, because of the bug in the commit queue (http://crbug.com/416255).
BUG=415696
R=mtomasz@chromium.org, raymes@chromium.org, rsadam@chromium.org, thestig@chromium.org
TBR=cpu
Review URL: https://codereview.chromium.org/582873003
Cr-Commit-Position: refs/heads/master@{#296712}
Diffstat (limited to 'third_party/polymer/components/core-style/demo.html')
| -rw-r--r-- | third_party/polymer/components/core-style/demo.html | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/third_party/polymer/components/core-style/demo.html b/third_party/polymer/components/core-style/demo.html new file mode 100644 index 0000000..0681c6c --- /dev/null +++ b/third_party/polymer/components/core-style/demo.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<!-- +Copyright 2013 The Polymer Authors. All rights reserved. +Use of this source code is governed by a BSD-style +license that can be found in the LICENSE file. +--> +<html> +<head> + <title>core-style</title> + <script src="../platform/platform.js"></script> + + <link rel="import" href="elements.html"> + <link rel="import" href="my-theme.html"> + +</head> +<body unresolved fullbleed vertical layout> + <core-style ref="main"></core-style> + + <template is="auto-binding"> + <my-toolbar> + <span flex>core-style</span> + <input type="color" value="{{g.theme.colorOne}}"> + <input type="color" value="{{g.theme.colorTwo}}"> + <input type="color" value="{{g.theme.colorThree}}"> + <input type="range" min="1" max="8" value="{{g.columns}}"> + <button>A button</button> + </my-toolbar> + <section flex horizontal wrap layout> + <template repeat="{{item in items}}"> + <my-panel>{{item}}</my-panel> + </template> + </section> + </template> + + <script> + (function() { + + addEventListener('polymer-ready', function() { + var items = []; + for (var i=0; i < 100; i++) { + items.push(i); + } + + CoreStyle.g.items = items; + + addEventListener('template-bound', function(e) { + e.target.g = CoreStyle.g; + e.target.items = items; + }); + }); + + })(); + </script> + +</body> +</html> + + |