Indicate when all todos are complete

http://guides.emberjs.com/v1.10.0/getting-started/show-when-all-todos-are-complete/
chrislopresto · Mar 12, 2015 · da7b50e · da7b50e
1 parent 3b58db0
commit da7b50e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/app/controllers/todos.js b/app/controllers/todos.js
@@ -27,6 +27,10 @@ export default Ember.ArrayController.extend({
     }
   },
 
+  allAreDone: function(key, value) {
+    return !!this.get('length') && this.isEvery('isCompleted');
+  }.property('@each.isCompleted'),
+
   hasCompleted: function() {
     return this.get('completed') > 0;
   }.property('completed'),

diff --git a/app/templates/todos.hbs b/app/templates/todos.hbs
@@ -11,8 +11,7 @@
 
   <section id="main">
     {{outlet}}
-
-    <input type="checkbox" id="toggle-all">
+    {{input type="checkbox" id="toggle-all" checked=allAreDone}}
   </section>
 
   <footer id="footer">