fin

Author: chyld

package.json

@@ -32,6 +32,7 @@
     "body-parser": "^1.15.2",
     "compression": "^1.6.2",
     "express": "^4.14.0",
+    "moment": "^2.13.0",
     "mongoose": "^4.5.1",
     "pug": "^2.0.0-beta3",
     "request": "^2.72.0",

src/controllers/tasks.js

@@ -29,17 +29,30 @@ router.post('/', (req, res) => {
 });
 
 router.post('/:id/complete', (req, res) => {
-  res.redirect('/tasks');
+  Task.findById(req.params.id, (err, task) => {
+    task.update({ isComplete: !task.isComplete }, () => {
+      res.redirect('/tasks');
+    });
+  });
 });
 
 router.post('/:id/delete', (req, res) => {
-  res.redirect('/tasks');
+  Task.findByIdAndRemove(req.params.id, () => {
+    res.redirect('/tasks');
+  });
 });
 
 router.get('/:id/edit', (req, res) => {
-  res.render('tasks/new');
+  const priorities = Priority.find();
+  const categories = Category.find();
+  Task.findById(req.params.id, (err, task) => {
+    const viewTask = new ViewTask(task, priorities);
+    res.render('tasks/new', { task: viewTask, priorities, categories });
+  });
 });
 
 router.post('/:id', (req, res) => {
-  res.redirect('/tasks');
+  Task.findByIdAndUpdate(req.params.id, req.body, () => {
+    res.redirect('/tasks');
+  });
 });

src/models/view-task.js

@@ -1,10 +1,14 @@
+/* eslint-disable no-underscore-dangle */
+import moment from 'moment';
+
 function ViewTask(task, priorities) {
+  this.id = task._id;
   this.name = task.name;
-  this.due = task.due.toLocaleDateString();
+  this.due = moment(task.due).format('YYYY-MM-DD');
   this.priority = priorities.find(p => p.value === task.priority);
   this.category = task.category;
   this.isComplete = task.isComplete;
-  this.createdAt = task.createdAt.toLocaleDateString();
+  this.createdAt = moment(task.createdAt).format('YYYY-MM-DD');
 }
 
 module.exports = ViewTask;

views/tasks/index.pug

@@ -5,6 +5,9 @@ block content
   table.table.table-striped
     thead
       tr
+        th
+        th
+        th
         th Name
         th Due
         th Priority
@@ -14,6 +17,17 @@ block content
     tbody
       each task in viewTasks
         tr(style='background-color:' + task.priority.color)
+          td
+            a.btn.btn-success.btn-xs(href='/tasks/' + task.id + '/edit')
+              i.fa.fa-cog.fa-fw
+          td
+            form(action='/tasks/' + task.id + '/complete', method='post')
+              button.btn.btn-primary.btn-xs(type='submit')
+                i.fa.fa-flash.fa-fw
+          td
+            form(action='/tasks/' + task.id + '/delete', method='post')
+              button.btn.btn-danger.btn-xs(type='submit')
+                i.fa.fa-trash.fa-fw
           td= task.name
           td= task.due
           td= task.priority.name

views/tasks/new.pug

@@ -1,26 +1,29 @@
 extends ../shared/template
 block content
-  h1 New
+  if task
+    h1 Edit
+  else
+    h1 New
 
   .row
       .col-xs-6
-        form(action='/tasks', method='post')
+        form(action= task ? '/tasks/' + task.id : '/tasks', method='post')
           .form-group
             label Name
-            input.form-control(type='text', name='name')
+            input.form-control(type='text', name='name', value=task && task.name)
           .form-group
             label Due
-            input.form-control(type='date', name='due')
+            input.form-control(type='date', name='due', value=task && task.due)
           .form-group
             label Priority
             select.form-control(name='priority')
               each priority in priorities
-                option(value=priority.value)= priority.name
+                option(value=priority.value, selected=task && (priority.value === task.priority.value))= priority.name
           .form-group
             label Category
             select.form-control(name='category')
               each category in categories
-                option= category.name
+                option(selected=task && (category.name === task.category))= category.name
           .form-group
-            button.btn.btn-primary(type='submit') Add
+            button.btn.btn-primary(type='submit')= task ? 'Update' : 'Create'
       .col-xs-6