Fixes to update note feature

Author: poorvi10

public/controllers/dashboard-controller.js

@@ -1,6 +1,6 @@
 notes.controller('dashboardCtrl', function dashboardCtrl($scope, $window, $http) {
 
-    $scope.updateNote = false;
+    $scope.editNote = false;
     $scope.createNote = true;
 	$http.post('/getNote', {"email": sessionStorage.user_email})
 		.success(function(data) {
@@ -38,7 +38,7 @@ notes.controller('dashboardCtrl', function dashboardCtrl($scope, $window, $http)
 	        	html += '<a class="col-md-2" id="deleteNote" ng-click="deleteNote('+data._id+')">Delete</a>';
 	        	html += '</div>';
 	        	html += '<h1>'+$scope.noteHeading+'</h1>';
-	        	html += '<div class="col-md-12">'+$scope.note+'</div>';
+	        	html += '<div class="col-md-12" id="noteBody">'+$scope.note+'</div>';
 				angular.element('#notes').append(html);
 				$scope.name = data.firstname + data.lastname;
 				$('#myModal').modal('hide');
@@ -61,7 +61,7 @@ notes.controller('dashboardCtrl', function dashboardCtrl($scope, $window, $http)
     }
 
     $scope.getNoteById = function(noteId) {
-    	$scope.updateNote = true;
+    	$scope.editNote = true;
     	$scope.createNote = false;
     	$http.post('/getNoteById', {"noteId": noteId})
 		.success(function(data) {
@@ -79,14 +79,15 @@ notes.controller('dashboardCtrl', function dashboardCtrl($scope, $window, $http)
     	$http.post('/updateNote', {"noteId": $scope.noteId, "noteTitle": $scope.noteHeading,"noteBody": $scope.note})
 		.success(function(data) {
 			$('#myModal').modal('hide');
-			$scope.updateNote = true;
+    		angular.element('#'+$scope.noteId).children('h1').html($scope.noteHeading);
+    		angular.element('#'+$scope.noteId).children('#noteBody').html($scope.note);
+			$scope.editNote = true;
     		$scope.createNote = false;
 		})
 		.error(function(data) {
 			alert("Cannot be updated");
-			$scope.updateNote = true;
+			$scope.editNote = true;
     		$scope.createNote = false;
 		});
     }
-
 });

public/views/dashboard.html

@@ -31,11 +31,11 @@ <h2 style="color: #fff">Welcome <span ng-bind="name.firstname"></span>!</h2>
 	    <div class="panel-body" id="notes">
 	        <div class="col-md-3 currentNote" id={{note._id}} ng-repeat="note in notes">
 	        	<div class="row">
-	        		<a class="col-md-2" id="editNotedeleteNote" ng-click="getNoteById(note._id)" data-target="#pModal">Edit</a>
+	        		<a class="col-md-2" id="editNotedeleteNote" ng-click="getNoteById(note._id)" data-target="#myModal">Edit</a>
 	        		<a class="col-md-2" id="deleteNote" ng-click="deleteNote(note._id)">Delete</a>
 	        	</div>
 	        	<h1>{{note.noteTitle}}</h1>
-	        	<div class="col-md-12">{{note.noteBody}}</div>
+	        	<div class="col-md-12" id="noteBody">{{note.noteBody}}</div>
 	        </div>	 
 	    </div>
 	  </div>
@@ -56,7 +56,7 @@ <h4 class="modal-title">Create a new note</h4>
 		        </form>
 	        </div>
 	        <div class="modal-footer">
-	          <button type="button" class="btn btn-primary" ng-show="updateNote" ng-click="updateNote()">Update</button>
+	          <button type="button" class="btn btn-primary" ng-show="editNote" ng-click="updateNote()">Update</button>
 	          <button type="button" class="btn btn-primary" ng-show="createNote" ng-click="createNote()">Create</button>
 	          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 	        </div>