simple-todos.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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. incompleteCount: function () {
  17. var ret = Tasks.find({ checked: { $ne: true }}).count();
  18. return ret;
  19. }
  20. });
  21. // Inside the if (Meteor.isClient) block, right after Template.body.helpers:
  22. Template.body.events({
  23. "submit .new-task": function (event) {
  24. // This function is called when the new task form is submitted
  25. var text = event.target.text.value;
  26. Tasks.insert({
  27. text: text,
  28. createdAt: new Date(), // current time
  29. owner: Meteor.userId(), // _id of logged-in user
  30. username: Meteor.user().username
  31. });
  32. // Clear form
  33. event.target.text.value = "";
  34. // Prevent default form submit
  35. return false;
  36. },
  37. 'change .hide-completed input': function (e) {
  38. Session.set('hideCompleted', e.target.checked);
  39. }
  40. });
  41. Template.task.events({
  42. 'click .delete': function (e) {
  43. Tasks.remove(this._id);
  44. },
  45. 'click .toggle-checked' : function (e) {
  46. Tasks.update(this._id, {
  47. $set: { checked: !this.checked }
  48. });
  49. }
  50. });
  51. Accounts.ui.config({
  52. passwordSignupFields: "USERNAME_ONLY"
  53. });
  54. }