geekygrappler

{{input type="text" id="new-todo" placeholder="What needs to be done?"
value=newTitle action="createTodo"}}

<section id="main">
    {{outlet}}

    <input type="checkbox" id="toggle-all">
</section>

<footer id="footer">

geekygrappler

{{input type="text" id="new-todo" placeholder="What needs to be done?"
value=newTitle action="createTodo"}}

<section id="main">
    {{outlet}}

    <input type="checkbox" id="toggle-all">
</section>

<footer id="footer">

geekygrappler

<ul id="todo-list">
    {{#each todo in model}}
        {{todo-item acceptChanges="acceptChanges" deleteTodo="deleteTodo" todo=todo}}
    {{/each}}
</ul>

geekygrappler

{{input type="text" id="new-todo" placeholder="What needs to be done?"
value=newTitle action="createTodo"}}

<section id="main">
    <ul id="todo-list">
        {{#each todo in model}}
            {{todo-item acceptChanges="acceptChanges" deleteTodo="deleteTodo" todo=todo}}
        {{/each}}
    </ul>

geekygrappler

<ul id="todo-list">
    {{#each todo in model}}
        {{todo-item acceptChanges="acceptChanges" deleteTodo="deleteTodo" todo=todo}}
    {{/each}}
</ul>

geekygrappler

import Ember from 'ember';

export default Ember.Component.extend({
    actions: {
        editTodo: function() {
            this.set('isEditing', true);
        },
        acceptChanges: function() {
            this.set('isEditing', false);
            this.sendAction('acceptChanges', this.get("todo"));

geekygrappler

import Ember from 'ember';

export default Ember.Route.extend({
    model: function() {
        return this.store.find('todo');
    },
    actions: {
        // Additional lines truncated for brevity...
        acceptChanges: function(todo) {
            if (Ember.isEmpty(todo.get('title'))) {

geekygrappler

<ul id="todo-list">
    {{#each todo in model}}
        {{todo-item action="acceptChanges" todo=todo}}
    {{/each}}
</ul>

geekygrappler

import Ember from 'ember';

export default Ember.Component.extend({
    actions: {
        editTodo: function() {
            this.set('isEditing', true);
        }
    }
});

geekygrappler

{{#each todo in model}}
    {{todo-item title=todo.title isCompleted=todo.isCompleted}}
{{/each}}