chore(example): Add paper-checkbox to the paper demo

jbdeboer · jbdeboer · commit a58265b9d780 · 2014-07-30T11:07:04.000-07:00
diff --git a/example/pubspec.lock b/example/pubspec.lock
@@ -4,7 +4,7 @@ packages:
   analyzer:
     description: analyzer
     source: hosted
-    version: "0.13.6"
+    version: "0.18.0"
   angular:
     description:
       path: ".."
@@ -26,23 +26,23 @@ packages:
   code_transformers:
     description: code_transformers
     source: hosted
-    version: "0.1.3"
+    version: "0.1.6"
   collection:
     description: collection
     source: hosted
     version: "0.9.2"
   di:
     description: di
     source: hosted
-    version: "1.1.0"
+    version: "2.0.1"
   html5lib:
     description: html5lib
     source: hosted
     version: "0.10.0"
   intl:
     description: intl
     source: hosted
-    version: "0.9.9"
+    version: "0.8.10+4"
   logging:
     description: logging
     source: hosted
@@ -51,6 +51,10 @@ packages:
     description: matcher
     source: hosted
     version: "0.10.0"
+  meta:
+    description: meta
+    source: hosted
+    version: "0.8.8"
   mock:
     description: mock
     source: hosted
@@ -75,6 +79,10 @@ packages:
     description: stack_trace
     source: hosted
     version: "0.9.3+1"
+  typed_mock:
+    description: typed_mock
+    source: hosted
+    version: "0.0.4"
   unittest:
     description: unittest
     source: hosted
diff --git a/example/web/index.html b/example/web/index.html
@@ -6,7 +6,7 @@
       <li><a href="hello_world.html">hello_world.html</a></li>
       <li><a href="todo.html">todo.html</a></li>
       <li><a href="shadow_dom_components.html">shadow_dom_components.html</a></li>
-      <li><a href="paper_progress.html">paper_progress.html</a></li>
+      <li><a href="paper.html">paper.html</a></li>
     </ul>
   </body>
 </html>
diff --git a/example/web/paper.dart b/example/web/paper.dart
diff --git a/example/web/paper.html b/example/web/paper.html
@@ -10,14 +10,18 @@
     <!-- 2. Use an HTML Import to bring in the element. -->
     <link rel="import"
           href="bower_components/paper-progress/paper-progress.html">
-    <script type="application/dart" src="paper_progress.dart"></script>
+    <link rel="import"
+          href="bower_components/paper-checkbox/paper-checkbox.html">
+    <script type="application/dart" src="paper.dart"></script>
     <script src="packages/browser/dart.js"></script>
     <style>
         div { padding: 0.25em; }
     </style>
   </head>
   <body>
-    <h2>A quick demo of the Polymer paper-progress widget in an AngularDart app.</h2>
+    <h1>Polymer components inside a AngularDart app</h1>
+    <h2>paper-progress</h2>
+    <p>This is a simple component that doesn't generate events; the only things that is required is property binding</p>
     <p>The max ({{max}}) and value ({{curValue}}) properties are bound through bind-* semantics</p>
 
     <p>Text from Angular: <b>{{text}}</b></p>
@@ -32,5 +36,14 @@ <h2>A quick demo of the Polymer paper-progress widget in an AngularDart app.</h2
         <input type="text" ng-model="curValue">
       </label>
      </p>
+
+    <h2>paper-checkbox</h2>
+    <p>The checkbox will generate an event every time the value is changed</p>
+    <p>AngularDart can listen to these events through the on-* syntax</p>
+
+    <div>
+        <paper-checkbox on-change="curValue = (curValue * 1.02)"></paper-checkbox>
+    </div>
+    <p>Every the value changes, the curValue ({{curValue}}) scope variable is multiplied by 1.02</p>
   </body>
 </html>
