geekygrappler

import DS from 'ember-data';

export default DS.Model.extend({
    title: DS.attr('string'),
    isCompleted: DS.attr('boolean')
}).reopenClass({
    FIXTURES: [
        {
            id: 1,
            title: "Complete Ember.js Tutorial",

geekygrappler

import Ember from 'ember';

export default Ember.Route.extend({
    model: function() {
        return this.store.find('todo');
    }
});

geekygrappler

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

geekygrappler

<h2 id='title'>Welcome to Ember-CLI tutorial :)</h2>

{{outlet}}

geekygrappler

import DS from 'ember-data';

export default DS.FixtureAdapter.extend({});

geekygrappler

<li class="completed">
    <input type="checkbox" class="toggle">
    <label>{{todo.title}}</label><button class="destroy"></button>
</li>

geekygrappler

<li class="{{if todo.isCompleted 'completed'}}">
    <input type="checkbox" class="toggle">
    <label>{{todo.title}}</label><button class="destroy"></button>
</li>

geekygrappler

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

geekygrappler

import Ember from 'ember';

export default Ember.Route.extend({
    model: function() {
        return this.store.find('todo');
    },
    actions: {
        createTodo: function(newTitle) {
            // Create the new Todo model
            var todo = this.store.createRecord('todo', {

geekygrappler

<li class="{{if isCompleted 'completed'}}">
    {{input type="checkbox" checked=todo.isCompleted class="toggle"}}
    <label>{{title}}</label><button class="destroy"></button>
</li>