Delete a contact using our resource

praneethkumarpidugu · Jul 8, 2016 · da4f1bc · da4f1bc
1 parent 7d662b9
commit da4f1bc
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/section6/lesson1/index.html b/section6/lesson1/index.html
@@ -104,7 +104,12 @@
 		<div class="col-md-4"  ng-controller="PersonDetailController">
 
 			<div class="panel panel-default" >
-				<div class="panel-heading" >Details</div >
+				<div class="panel-heading" >Details
+					<button class="btn btn-danger btn-sm pull-right"
+							ladda="contacts.isDeleting"
+							ng-click="remove()" >Delete</button>
+					<div class="clearfix"></div>
+				</div >
 				<div class="panel-body" >
 					<form class="form-horizontal"
 							ng-submit="save()"

diff --git a/section6/lesson1/main.js b/section6/lesson1/main.js
@@ -29,6 +29,9 @@ app.controller('PersonDetailController', function ($scope, ContactService) {
 	$scope.save = function () {
 		$scope.contacts.updateContact($scope.contacts.selectedPerson)
 
+	};
+	$scope.remove = function () {
+		$scope.contacts.removeContact($scope.contacts.selectedPerson)
 	}
 });
 
@@ -66,6 +69,7 @@ app.service('ContactService', function (Contact) {
 		'hasMore': true,
 		'isLoading': false,
 		'isSaving': false,
+		'isDeleting': false,
 		'selectedPerson': null,
 		'persons': [],
 		'search': null,
@@ -117,6 +121,15 @@ app.service('ContactService', function (Contact) {
 			person.$update().then(function () {
 				self.isSaving = false;
 			});
+		},
+		'removeContact': function (person) {
+			self.isDeleting = true;
+			person.$remove().then(function () {
+				self.isDeleting = false;
+				var index = self.persons.indexOf(person);
+				self.persons.splice(index, 1);
+				self.selectedPerson = null;
+			});
 		}
 
 	};