delete working

Author: Chris Sevilleja

public/js/core.js

@@ -3,16 +3,19 @@ var scotchTodo = angular.module('scotchTodo', []);
 function mainController($scope, $http) {
 	$scope.formData = {};
 
+	// when landing on the page, get all todos and show them
 	$scope.initialize = function() {
 		$http.get('/api/todos')
 			.success(function(data) {
 				$scope.todos = data;
+				console.log(data);
 			})
 			.error(function(data) {
 				console.log('Error: ' + data);
 			});
 	};
 
+	// when submitting the add form, send the text to the node API
 	$scope.createTodo = function() {
 		$http.post('/api/todos', $scope.formData)
 			.success(function(data) {
@@ -24,12 +27,16 @@ function mainController($scope, $http) {
 			});
 	};
 
-	$scope.changeTodo = function() {
-
-	};
-
-	$scope.deleteTodo = function() {
-
+	// delete a todo after checking it
+	$scope.deleteTodo = function(id) {
+		$http.delete('/api/todos/' + id)
+			.success(function(data) {
+				$scope.todos = data;
+				console.log(data);
+			})
+			.error(function(data) {
+				console.log('Error: ' + data);
+			});
 	};
 
 }

public/views/index.html

@@ -41,7 +41,7 @@ <h1>I'm a Todo-aholic</h1>
 
 				<div class="checkbox" ng-repeat="todo in todos">
 					<label>
-						<input type="checkbox"> {{ todo.text }}
+						<input type="checkbox" ng-click="deleteTodo(todo._id)"> {{ todo.text }}
 					</label>
 				</div>
 

server.js

@@ -38,7 +38,7 @@ var Todo = mongoose.model('Todo', {
 		});
 	});
 
-	// create todo
+	// create todo and send back all todos after creation
 	app.post('/api/todos', function(req, res) {
 
 		// create a todo, information comes from AJAX request from Angular
@@ -49,22 +49,31 @@ var Todo = mongoose.model('Todo', {
 			if (err)
 				res.send(err);
 
-			// use mongoose to get all todos in the database
+			// get and return all the todos after you create another
 			Todo.find(function(err, todos) {
-
-				// if there is an error retrieving, send the error. nothing after res.send(err) will execute
 				if (err)
 					res.send(err)
-
-				res.json(todos); // return all todos in JSON format
+				res.json(todos);
 			});
 		});
 
 	});
 
 	// delete a todo
 	app.delete('/api/todos/:todo_id', function(req, res) {
-		res.send('delete todo #' + req.params.todo_id + ' (via api)');
+		Todo.remove({
+			_id : req.params.todo_id
+		}, function(err, todo) {
+			if (err)
+				res.send(err);
+
+			// get and return all the todos after you create another
+			Todo.find(function(err, todos) {
+				if (err)
+					res.send(err)
+				res.json(todos);
+			});
+		});
 	});
 
 	// application -------------------------------------------------------------