Merge pull request #822 from bantic/ember-1.3.0-ember-data-1.0

Update Ember to 1.3.1 and ember data to 1.0.0-beta.6, also jquery, handlebars

architecture-examples/emberjs/bower.json

@@ -3,10 +3,10 @@
   "version": "0.0.0",
   "dependencies": {
     "todomvc-common": "~0.1.4",
-    "jquery": "~1.9.1",
-    "handlebars": "~1.0.0-rc.3",
-    "ember": "~1.0.0",
-    "ember-data": "1.0.0-beta.1",
+    "jquery": "~2.1.0",
+    "handlebars": "~1.3.0",
+    "ember": "~1.3.1",
+    "ember-data": "1.0.0-beta.6",
     "ember-localstorage-adapter": "latest"
   }
 }

architecture-examples/emberjs/index.html

@@ -30,7 +30,7 @@
 						{{input type="checkbox" id="toggle-all" checked=allAreDone}}
 					</section>
 					<footer id="footer">
-						<span id="todo-count">{{{remainingFormatted}}}</span>
+						<span id="todo-count"><strong>{{remaining.length}}</strong> {{pluralize 'item' remaining.length}} left</span>
 						<ul id="filters">
 							<li>
 								{{#link-to "todos.index" activeClass="selected"}}All{{/link-to}}
@@ -42,9 +42,9 @@
 								{{#link-to "todos.completed" activeClass="selected"}}Completed{{/link-to}}
 							</li>
 						</ul>
-						{{#if hasCompleted}}
+						{{#if completed.length}}
 							<button id="clear-completed" {{action "clearCompleted"}}>
-								Clear completed ({{completed}})
+								Clear completed ({{completed.length}})
 							</button>
 						{{/if}}
 					</footer>
@@ -72,5 +72,7 @@
 		<script src="js/controllers/todos_controller.js"></script>
 		<script src="js/controllers/todo_controller.js"></script>
 		<script src="js/views/edit_todo_view.js"></script>
+		<script src="js/views/todos_view.js"></script>
+		<script src="js/helpers/pluralize.js"></script>
 	</body>
 </html>

architecture-examples/emberjs/js/controllers/todo_controller.js

@@ -22,15 +22,15 @@ Todos.TodoController = Ember.ObjectController.extend({
 				// enter (once via 'insert-newline' and once via 'focus-out').
 				//
 				// We debounce our call to 'removeTodo' so that it only gets
-				// sent once.
-				Ember.run.debounce(this, this.send, 'removeTodo', 0);
+				// made once.
+				Ember.run.debounce(this, 'removeTodo', 0);
 			} else {
 				var todo = this.get('model');
 				todo.set('title', bufferedTitle);
 				todo.save();
 			}
 
-			// Re-set our newly edited title to persist it's trimmed version
+			// Re-set our newly edited title to persist its trimmed version
 			this.set('bufferedTitle', bufferedTitle);
 			this.set('isEditing', false);
 		},
@@ -40,11 +40,19 @@ Todos.TodoController = Ember.ObjectController.extend({
 			this.set('isEditing', false);
 		},
 
+		removeTodo: function () {
+			this.removeTodo();
+		}
+	},
+
 	removeTodo: function () {
 		var todo = this.get('model');
 
 		todo.deleteRecord();
 		todo.save();
-		}
-	}
+	},
+
+	saveWhenCompleted: function () {
+		this.get('model').save();
+	}.observes('isCompleted')
 });

architecture-examples/emberjs/js/controllers/todos_controller.js

@@ -3,7 +3,6 @@
 
 Todos.TodosController = Ember.ArrayController.extend({
 	actions: {
-
 		createTodo: function () {
 			var title, todo;
 
@@ -25,37 +24,26 @@ Todos.TodosController = Ember.ArrayController.extend({
 		},
 
 		clearCompleted: function () {
-			var completed = this.filterProperty('isCompleted', true);
+			var completed = this.get('completed');
 			completed.invoke('deleteRecord');
 			completed.invoke('save');
 		},
 	},
 
-	remaining: function () {
-		return this.filterProperty('isCompleted', false).get('length');
-	}.property('@each.isCompleted'),
-
-	remainingFormatted: function () {
-		var remaining = this.get('remaining');
-		var plural = remaining === 1 ? 'item' : 'items';
-		return '<strong>%@</strong> %@ left'.fmt(remaining, plural);
-	}.property('remaining'),
+	/* properties */
 
-	completed: function () {
-		return this.filterProperty('isCompleted', true).get('length');
-	}.property('@each.isCompleted'),
-
-	hasCompleted: function () {
-		return this.get('completed') > 0;
-	}.property('completed'),
+	remaining: Ember.computed.filterBy('content', 'isCompleted', false),
+	completed: Ember.computed.filterBy('content', 'isCompleted', true),
 
 	allAreDone: function (key, value) {
 		if (value !== undefined) {
 			this.setEach('isCompleted', value);
 			return value;
 		} else {
-			return !!this.get('length') &&
-				this.everyProperty('isCompleted', true);
+			var length = this.get('length');
+			var completedLength = this.get('completed.length');
+
+			return length > 0 && length === completedLength;
 		}
-	}.property('@each.isCompleted')
+	}.property('length', 'completed.length')
 });

architecture-examples/emberjs/js/helpers/pluralize.js

+/*global Todos, Ember */
+'use strict';
+
+Ember.Handlebars.helper('pluralize', function (singular, count) {
+	/* From Ember-Data */
+	var inflector = new Ember.Inflector(Ember.Inflector.defaultRules);
+
+	return count === 1 ? singular : inflector.pluralize(singular);
+});

architecture-examples/emberjs/js/models/todo.js

@@ -3,9 +3,5 @@
 
 Todos.Todo = DS.Model.extend({
 	title: DS.attr('string'),
-	isCompleted: DS.attr('boolean'),
-
-	saveWhenCompletedChanged: function () {
-		this.save();
-	}.observes('isCompleted')
+	isCompleted: DS.attr('boolean')
 });

architecture-examples/emberjs/js/views/todos_view.js

+/*global Todos, Ember */
+'use strict';
+
+Todos.TodosView = Ember.View.extend({
+	focusInput: function () {
+		this.$('#new-todo').focus();
+	}.on('didInsertElement')
+});