router.js

/*global Ember*/
/*global Todos*/

// For more information see: http://emberjs.com/guides/routing/

Todos.Router.map(function () {
  this.resource('todos', { path: '/' }, function () {
    this.route('active');
    this.route('completed');
  });
});

Todos.TodosRoute = Ember.Route.extend({
  model: function () {
    return this.store.find('todo');
  }
});

Todos.TodosIndexRoute = Ember.Route.extend({
  model: function () {
    return this.modelFor('todos');
  }
});

Todos.TodosActiveRoute = Ember.Route.extend({
  model: function () {
    return Todos.Todo.filter(function (todo) {
      return !todo.get('isCompleted');
    });
  },
  renderTemplate: function (controller) {
    this.render('todos/index', {controller:controller});
  }
});

Todos.TodosCompletedRoute = Ember.Route.extend({
  model: function () {
    return Todos.Todo.filter(function (todo) {
      return todo.get('isCompleted');
    });
  },
  renderTemplate: function (controller) {
    this.render('todos/index', {controller:controller});
  }
});

todo.js

// for more details see: http://emberjs.com/guides/models/defining-models/

Todos.Todo = DS.Model.extend({
  title: DS.attr('string'),
  isCompleted: DS.attr('boolean')
});