fix Clear completed

Author: tabcat

src/app.jsx

@@ -92,16 +92,18 @@ var app = app || {};
 			var main;
 			var todos = this.props.model.todos;
 
-			var shownTodos = todos.filter(function (todo) {
-				switch (this.state.nowShowing) {
-				case app.ACTIVE_TODOS:
-					return !todo.completed;
-				case app.COMPLETED_TODOS:
-					return todo.completed;
-				default:
-					return true;
-				}
-			}, this);
+			var shownTodos = todos
+        .filter(todo => !todo.cleared)
+        .filter(function (todo) {
+  				switch (this.state.nowShowing) {
+  				case app.ACTIVE_TODOS:
+  					return !todo.completed;
+  				case app.COMPLETED_TODOS:
+  					return todo.completed;
+  				default:
+  					return true;
+  				}
+  			}, this);
 
 			var todoItems = shownTodos.map(function (todo) {
 				return (

src/todoModel.js

@@ -52,7 +52,8 @@ var app = app || {};
 		const newTodo = {
 			id: Utils.uuid(),
 			title: title,
-			completed: false
+			completed: false,
+      cleared: false,
 		}
 		await Utils.store(this.db, this.key, newTodo);
 		this.inform();
@@ -83,10 +84,13 @@ var app = app || {};
 		this.inform();
 	};
 
-	app.TodoModel.prototype.clearCompleted = function () {
-		this.todos = this.todos.filter(function (todo) {
-			return !todo.completed;
-		});
+	app.TodoModel.prototype.clearCompleted = async function () {
+    for (let todo of this.todos) {
+      if (todo.completed) {
+        const updatedTodo = Utils.extend({}, todo, {cleared: true});
+        await Utils.store(this.db, this.key, updatedTodo);
+      }
+    }
 		this.inform();
 	};