Strikethrough task text when completed

astroid-web.coffee

@@ -8,6 +8,7 @@ if Meteor.isClient
 
   Template.todos.events
     'click a.completeBox': (e) ->
+      e.preventDefault()
       now = new Date()
       Tasks.update this._id,
         $set:

client/index.html

@@ -323,7 +323,11 @@
 {{#each tasks}}
   <div class="taskListItem">
     <a href="#" class="completeBox"></a>
+    {{#if completed}}
+    <div class="taskRowTop text-line">{{body}}</div>
+    {{else}}
     <div class="taskRowTop">{{body}}</div>
+    {{/if}}
     <small class="taskRowBottom">
       <span class="dueDate text-danger">{{formatDate dateDue}}</span> | <span class="taskItemList">{{list}}</span>
     </small>

style.css

@@ -67,6 +67,9 @@ body {
 	padding-left: 45px;
 	cursor: pointer;
 }
+.text-line {
+  text-decoration: line-through;
+}
 .taskRowBottom {
 	padding: 1px 0 1px 45px;
 }
@@ -102,4 +105,4 @@ body {
 		text-align: center;
 		margin-top: 5px;
 	}
-}
+}