Accept edits

http://guides.emberjs.com/v1.10.0/getting-started/accepting-edits/

```
ember g component edit-todo
rm app/templates/components/edit-todo.hbs
sed -i .bak 's/Component/TextField/g' app/components/edit-todo.js && rm app/components/edit-todo.js.bak
```

app/components/edit-todo.js

@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export default Ember.TextField.extend({
+  didInsertElement: function() {
+    this.$().focus();
+  }
+});

app/controllers/todo.js

@@ -4,6 +4,20 @@ export default Ember.ObjectController.extend({
   actions: {
     editTodo: function() {
       this.set('isEditing', true);
+    },
+    acceptChanges: function() {
+      this.set('isEditing', false);
+
+      if (Ember.isEmpty(this.get('model.title'))) {
+        this.send('removeTodo');
+      } else {
+        this.get('model').save();
+      }
+    },
+    removeTodo: function () {
+      var todo = this.get('model');
+      todo.deleteRecord();
+      todo.save();
     }
   },
 

app/templates/todos.hbs

@@ -14,7 +14,8 @@
       {{#each todo in model itemController="todo"}}
         <li {{bind-attr class="todo.isCompleted:completed todo.isEditing:editing"}}>
           {{#if todo.isEditing}}
-            <input class="edit">
+            {{edit-todo class="edit" value=todo.title focus-out="acceptChanges"
+                                     insert-newline="acceptChanges"}}
           {{else}}
             {{input type="checkbox" checked=todo.isCompleted class="toggle"}}
             <label {{action "editTodo" on="doubleClick"}}>{{todo.title}}</label><button class="destroy"></button>

tests/unit/components/edit-todo-test.js

@@ -0,0 +1,21 @@
+import {
+  moduleForComponent,
+  test
+} from 'ember-qunit';
+
+moduleForComponent('edit-todo', {
+  // specify the other units that are required for this test
+  // needs: ['component:foo', 'helper:bar']
+});
+
+test('it renders', function(assert) {
+  assert.expect(2);
+
+  // creates the component instance
+  var component = this.subject();
+  assert.equal(component._state, 'preRender');
+
+  // renders the component to the page
+  this.render();
+  assert.equal(component._state, 'inDOM');
+});