Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1)

Unified Diff: third_party/polymer/v0_8/components/polymer/src/lib/bind/demo/src/bind-demo.html

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/polymer/v0_8/components/polymer/src/lib/bind/demo/src/bind-demo.html
diff --git a/third_party/polymer/v0_8/components/polymer/src/lib/bind/demo/src/bind-demo.html b/third_party/polymer/v0_8/components/polymer/src/lib/bind/demo/src/bind-demo.html
deleted file mode 100644
index 561a683b0990208569832560762e93a2f9a6cc64..0000000000000000000000000000000000000000
--- a/third_party/polymer/v0_8/components/polymer/src/lib/bind/demo/src/bind-demo.html
+++ /dev/null
@@ -1,83 +0,0 @@
-<link rel="import" href="../../../module.html">
-<link rel="import" href="../../bind.html">
-<link rel="import" href="../../bind-effects.html">
-
-<script>
-
- using(['bind'], function(Bind) {
-
- var out = document.querySelector('#bd');
- out.innerHTML += '<hr><h3>bind demo</h3><hr>';
-
- // phase one: prototyping
-
- var model = {};
-
- Bind.prepareModel(model);
-
- // 'observer' effects are called if foo changes value as fx(foo, old)
-
- Bind.addPropertyEffect(model, 'foo', 'observer', 'fooChange');
- Bind.addPropertyEffect(model, 'foo', 'observer', 'fooWork');
-
- model.fooChange = function(foo) {
- out.innerHTML += '<b>fooChange</b>: effect of changing foo to ' + foo + '\n';
- console.log('fooChange: effect of changing foo to %d', foo);
- };
-
- model.fooWork = function(foo) {
- out.innerHTML += '<b>fooWork</b>: effect of changing foo to ' + foo + '\n';
- console.log('fooWork: effect of changing foo to %d', foo);
- };
-
- // 'compute' effect sets the value of bar to the result of computeBar when
- // foo changes value
-
- /*
- Bind.addPropertyEffect(model, 'foo', 'compute', {
- method: 'computeBar',
- property: 'bar'
- });
- */
- Bind.addComputedPropertyEffect(model, 'bar', 'computeFooTimes2(foo)');
-
- model.computeFooTimes2 = function(foo) {
- var foo2 = foo * 2;
- out.innerHTML += '<b>computeFooTimes2</b>: calculated ' + foo2 + ' as an effect of changing foo to ' + foo + '\n';
- console.log('computeFooTimes2: calculated %d as effect of changing foo to %d', foo2, foo);
- return foo2;
- };
-
- // custom effect
-
- Bind.addBuilder('async', function(model, property, effect) {
- var fn = function() {
- var flag = '_propertyTask';
- clearTimeout(this[flag]);
- this[flag] = setTimeout(function() {
- this.effect(this.property);
- this[flag] = 0;
- }.bind(this));
- };
- var code = fn.toString().split('\n').slice(1, -1).join('\n');
- return code.replace(/property/g, property).replace(/effect/g, effect);
- });
-
- Bind.addPropertyEffect(model, 'foo', 'async', 'asyncFoo');
-
- model.asyncFoo = function(foo) {
- out.innerHTML += '<b>asyncFoo</b>: effect of changing foo to ' + foo + '\n';
- console.log('asyncFoo: effect of changing foo to %d', foo);
- };
-
- // phase two: instancing
-
- Bind.prepareInstance(model);
- Bind.createBindings(model);
-
- model.foo = 3;
- model.foo = 6;
-
- });
-
-</script>

Powered by Google App Engine
This is Rietveld 408576698