simple-todos.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. Tasks = new Mongo.Collection("tasks");
  2. if (Meteor.isClient) {
  3. // This code only runs on the client
  4. Template.body.helpers({
  5. tasks: function () {
  6. if (Session.get('hideCompleted')) {
  7. return Tasks.find({ checked : { $ne : true }}, { sort: { createdAt: -1 }});
  8. } else {
  9. return Tasks.find({}, {sort: {createdAt: -1}});
  10. }
  11. },
  12. hideCompleted: function () {
  13. var ret = Session.get("hideCompleted");
  14. return ret;
  15. }
  16. });
  17. // Inside the if (Meteor.isClient) block, right after Template.body.helpers:
  18. Template.body.events({
  19. "submit .new-task": function (event) {
  20. // This function is called when the new task form is submitted
  21. var text = event.target.text.value;
  22. Tasks.insert({
  23. text: text,
  24. createdAt: new Date() // current time
  25. });
  26. // Clear form
  27. event.target.text.value = "";
  28. // Prevent default form submit
  29. return false;
  30. },
  31. 'change .hide-completed input': function (e) {
  32. Session.set('hideCompleted', e.target.checked);
  33. }
  34. });
  35. Template.task.events({
  36. 'click .delete': function (e) {
  37. Tasks.remove(this._id);
  38. },
  39. 'click .toggle-checked' : function (e) {
  40. Tasks.update(this._id, {
  41. $set: { checked: !this.checked }
  42. });
  43. }
  44. });
  45. }