hellvispresley/app.html

## app.html
<head>
	<title>Todos</title>
</head>

<body>

	<div class="containers">
		<div class="login">
			{{>loginButtons}}
		</div>
	{{>TodosPanel}}
	</div>
</body>

<template name="TodosPanel">
	<div class="todos-panel">
		{{> CreateTodoItem}}
		<ul class="todos-list">
			{{#each items}}
			<li class="todo-item" {{ isDoneClass}}>
					{{> TodoItem}}
				</li>
			{{/each}}

		</ul>
	</div>
</template>

<template name="TodoItem">
	<div class="done">
		<input type="checkbox" name="is_done" {{isDoneChecked}} />

	</div>
	<div class="subject">
		{{subject}}

	</div>

</template>

<template name="CreateTodoItem">
<form class="create-todo">
	<input type="text" placeholder="Create new Todo..."/>
</form>
</template>

## app.js
Todos = new Meteor.Collection('todos');


if (Meteor.isClient) {
  Template.TodosPanel.helpers({
    items: function() {
      return Todos.find({},{
        sort: {
          created_at: -1
        }
      });
    }
  });

  isDoneClass: function () {
    return this.is_done ? 'done' : '';

  }
});

  Template.TodoItem.helpers({
    isDoneChecked: function() {
      return this.is_done ? 'checked' : '';
    }
  });

    Template.TodoItem.events({
      'click [name=is_down]': function (e, tmpl){
        var id = this.id;
        var isDone = tmpl.find('input').checked;
        Todos.update({_id: id}, {
          $set: {
            is_done: isDone
          }
        });
      }
    });

    Template.CreateTodoItem.events({
      'submit form': function(e, tmpl) {
        e.preventDefault();

        var subject = tmpl.find('input').value;

        Todos.insert({
          subject: subject,
          created_at: new Date,
          is_done: false

        });

        var form = tmpl.find('form');
        form.reset();
      }
    });
  }
if (Meteor.isServer) {

}
	<head>
	<title>Todos</title>
	</head>

	<body>

	<div class="containers">
	<div class="login">
	{{>loginButtons}}
	</div>
	{{>TodosPanel}}
	</div>
	</body>

	<template name="TodosPanel">
	<div class="todos-panel">
	{{> CreateTodoItem}}
	<ul class="todos-list">
	{{#each items}}
	<li class="todo-item" {{ isDoneClass}}>
	{{> TodoItem}}
	</li>
	{{/each}}

	</ul>
	</div>
	</template>

	<template name="TodoItem">
	<div class="done">
	<input type="checkbox" name="is_done" {{isDoneChecked}} />

	</div>
	<div class="subject">
	{{subject}}

	</div>

	</template>

	<template name="CreateTodoItem">
	<form class="create-todo">
	<input type="text" placeholder="Create new Todo..."/>
	</form>
	</template>
	Todos = new Meteor.Collection('todos');


	if (Meteor.isClient) {
	Template.TodosPanel.helpers({
	items: function() {
	return Todos.find({},{
	sort: {
	created_at: -1
	}
	});
	}
	});

	isDoneClass: function () {
	return this.is_done ? 'done' : '';

	}
	});

	Template.TodoItem.helpers({
	isDoneChecked: function() {
	return this.is_done ? 'checked' : '';
	}
	});

	Template.TodoItem.events({
	'click [name=is_down]': function (e, tmpl){
	var id = this.id;
	var isDone = tmpl.find('input').checked;
	Todos.update({_id: id}, {
	$set: {
	is_done: isDone
	}
	});
	}
	});

	Template.CreateTodoItem.events({
	'submit form': function(e, tmpl) {
	e.preventDefault();

	var subject = tmpl.find('input').value;

	Todos.insert({
	subject: subject,
	created_at: new Date,
	is_done: false

	});

	var form = tmpl.find('form');
	form.reset();
	}
	});
	}
	if (Meteor.isServer) {

	}