Index: third_party/polymer/v0_8/components/polymer/src/lib/bind/demo/src/annotations-bind-demo.html |
diff --git a/third_party/polymer/v0_8/components/polymer/src/lib/bind/demo/src/annotations-bind-demo.html b/third_party/polymer/v0_8/components/polymer/src/lib/bind/demo/src/annotations-bind-demo.html |
deleted file mode 100644 |
index 3f7d87d4188903b305e9bee9c16e4972b6f97c03..0000000000000000000000000000000000000000 |
--- a/third_party/polymer/v0_8/components/polymer/src/lib/bind/demo/src/annotations-bind-demo.html |
+++ /dev/null |
@@ -1,76 +0,0 @@ |
-<link rel="import" href="../../../module.html"> |
-<link rel="import" href="../../../lang.html"> |
-<link rel="import" href="../../../annotations/annotations.html"> |
- |
-<link rel="import" href="../../bind.html"> |
-<link rel="import" href="../../bind-effects.html"> |
-<link rel="import" href="../../bind-annotations.html"> |
- |
-<template> |
- |
- <div>annotated #foo span:</div> |
- <br> |
- <span id="foo" attribute="{{path}}" oneway="[[otherpath]]" style="{{specialStyle}}">{{text}}</span> |
- |
-</template> |
- |
-<script> |
- |
- // TODO(sjmiles): should 'bind-annotations' blend the other two modules |
- // somehow so we don't need to include all three here? |
- using(['Annotations', 'bind', 'bind-annotations'], |
- |
- function(Annotations, Bind, BindAnnotations) { |
- |
- var out = document.querySelector('#abd'); |
- out.innerHTML += '<hr><h3>annotations-bind demo</h3><hr>'; |
- |
- // phase one: prototyping |
- |
- var prototype = {}; |
- var template = currentImport.querySelector('template'); |
- var list = Templabindinate(prototype, template); |
- |
- // phase two: instancing |
- |
- var model = Object.create(prototype); |
- var dom = Instancinance(model, template); |
- document.body.appendChild(dom); |
- |
- // affect model |
- |
- model.text = 'Hello from Model'; |
- model.path = 'path'; |
- model.otherpath = 'other.path'; |
- model.specialStyle = {backgroundColor: "red"}; |
- |
- // effects visible in dom |
- |
- var foo = dom.querySelector('#foo'); |
- out.innerHTML += |
- 'foo.<b>path</b> = "' + model.path + '"<br>' |
- + 'foo.<b>otherpath</b> = "' + model.otherpath + '"<br>' |
- + 'foo.<b>specialStyle</b> = "' + JSON.stringify(model.specialStyle)+ '"<br>' |
- ; |
- |
- // ad hoc abstractions |
- |
- function Templabindinate(model, template) { |
- Bind.prepareModel(model); |
- var list = Annotations.parseAnnotations(template); |
- BindAnnotations.addEffects(model, list); |
- return list; |
- } |
- |
- function Instancinance(model, template) { |
- Bind.prepareInstance(model); |
- Bind.createBindings(model); |
- var dom = document.importNode(template.content, true); |
- model._nodes = BindAnnotations.marshalAnnotatedNodes(model._nodes, dom, |
- Annotations.findAnnotatedNode); |
- return dom; |
- } |
- |
- }); |
- |
-</script> |