Display the number of incomplete todos

http://guides.emberjs.com/v1.10.0/getting-started/displaying-the-number-of-incomplete-todos/
chrislopresto · Mar 12, 2015 · 9156092 · 9156092
1 parent f96776d
commit 9156092
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/app/controllers/todos.js b/app/controllers/todos.js
@@ -19,5 +19,15 @@ export default Ember.ArrayController.extend({
       // Save the new model
       todo.save();
     }
-  }
+  },
+
+  remaining: function() {
+    return this.filterBy('isCompleted', false).get('length');
+  }.property('@each.isCompleted'),
+
+  inflection: function() {
+    var remaining = this.get('remaining');
+    return remaining === 1 ? 'item' : 'items';
+  }.property('remaining')
+
 });
diff --git a/app/templates/todos.hbs b/app/templates/todos.hbs
@@ -24,7 +24,7 @@
 
   <footer id="footer">
     <span id="todo-count">
-      <strong>2</strong> todos left
+      <strong>{{remaining}}</strong> {{inflection}} left
     </span>
     <ul id="filters">
       <li>