Home Explore Help
Sign In
fgm
/
meteor__simple-todos
1
0
Fork 0
Files Pull Requests 0
Browse Source

Commit 3.1: replace fixture by MongoDB

Frederic G. MARAND 9 years ago
parent
be7b329272
commit
0b2faa29a1
2 changed files with 34 additions and 7 deletions
Unified View Show Diff Stats
  1. 9 1
      simple-todos.html
  2. 25 6
      simple-todos.js

+ 9 - 1
simple-todos.html
View File 

@@ -1,21 +1,29 @@
 
+<!-- Predefined "head" template -->
 
 <head>
 
 <head>
 
   <title>Todo List</title>
 
   <title>Todo List</title>
 
 </head>
 
 </head>
 
 
 
+<!-- Predefined "body" template -->
 
 <body>
 
 <body>
 
 <div class="container">
 
 <div class="container">
 
   <header>
 
   <header>
 
     <h1>Todo List</h1>
 
     <h1>Todo List</h1>
 
+
 
+    <!-- add a form below the h1 -->
 
+    <form class="new-task">
 
+      <input type="text" name="text" placeholder="Type to add new tasks" />
 
+    </form>
 
   </header>
 
   </header>
 
 
 
   <ul>
 
   <ul>
 
     {{#each tasks}}
 
     {{#each tasks}}
 
-    {{> task}}
 
+      {{> task}}
 
     {{/each}}
 
     {{/each}}
 
   </ul>
 
   </ul>
 
 </div>
 
 </div>
 
 </body>
 
 </body>
 
 
 
+<!-- Custom "task" template -->
 
 <template name="task">
 
 <template name="task">
 
   <li>{{text}}</li>
 
   <li>{{text}}</li>
 
 </template>
 
 </template>

+ 25 - 6
simple-todos.js
View File 

@@ -1,10 +1,29 @@
 
+Tasks = new Mongo.Collection("tasks");
 
+
 
 if (Meteor.isClient) {
 
 if (Meteor.isClient) {
 
   // This code only runs on the client
 
   // This code only runs on the client
 
   Template.body.helpers({
 
   Template.body.helpers({
 
-    tasks: [
 
-      { text: "This is task 1" },
 
-      { text: "This is task 2" },
 
-      { text: "This is task 3" }
 
-    ]
 
+    tasks: function () {
 
+      return Tasks.find({}, { sort: {createdAt: -1 }});
 
+    }
 
   });
 
   });
 
-}
 
+
 
+  // Inside the if (Meteor.isClient) block, right after Template.body.helpers:
 
+  Template.body.events({
 
+    "submit .new-task": function (event) {
 
+      // This function is called when the new task form is submitted
 
+
 
+      var text = event.target.text.value;
 
+
 
+      Tasks.insert({
 
+        text: text,
 
+        createdAt: new Date() // current time
 
+      });
 
+
 
+      // Clear form
 
+      event.target.text.value = "";
 
+
 
+      // Prevent default form submit
 
+      return false;
 
+    }
 
+  });}