Merge pull request #51 from ksamykandil/master

Option to edit/delete a project #4 , Project name/description took the previous created project values #48 & Project description is not saved #49

Author: Ranjan Kumar

src/main/resources/static/js/models/project.js

@@ -14,7 +14,7 @@ define(function(require) {
 			description : ''
 		},
 		sync : function(method, model, options){
-			if(method == 'create'){
+			if(method == 'create' || method == 'update'){
 				model.urlRoot = APP.config.baseUrl + "/workspaces/" + APP.appView.getCurrentWorkspaceId() + "/projects";
 				model.unset('projectRef');
 				return Backbone.sync(method, model, options);				

src/main/resources/static/js/views/app-view.js

@@ -46,6 +46,18 @@ define(function(require) {
 		},
 		handleProjectChange : function(id){
 			console.log('project changed :'+ id);
+			
+			$.ajax({
+				url : APP.config.baseUrl + '/workspaces/' + this.workspaceId + '/projects/' + id,
+				type : 'get',
+				dataType : 'json',
+				contentType : "application/json",
+				success : function(project) {
+					$("#editProjectTextField").val(project.name);
+					$("#editProjectTextArea").val(project.description);
+				}
+			});
+			
 			this.projectId = id;
 		},
 		handleConversationChange : function(id){

src/main/resources/static/js/views/main-menu-view.js

@@ -9,20 +9,40 @@ define(function(require) {
 
 	$("#saveProjectBtn").unbind("click").bind("click", function(){
 		var project = new ProjectModel({
-			name : $("#projectTextField").val()
+			name : $("#projectTextField").val(),
+			description: $("#projectTextArea").val()
 		});
 		project.save(null, {
 			success : function(response) {
 					var projectView = new ProjectView();
 					projectView.addOne(project);
-					$('#projectModal').modal("hide");			
+					$('#projectModal').modal("hide");
+					$("#projectTextField").val("");
+					$("#projectTextArea").val("");
+				},
+			error : function(e) {
+				alert('Some unexpected error occured Please try later.');
+			}
+		});
+	});
+	
+	$("#editProjectBtn").unbind("click").bind("click", function(){
+		var project = new ProjectModel({
+			id: APP.appView.getCurrentProjectId(),
+			name: $("#editProjectTextField").val(),
+			description: $("#editProjectTextArea").val()
+		});
+		project.save(null, {
+			success : function(response) {
+					$("#editProjectTextField").val("");
+					$("#editProjectTextArea").val("");
+					location.reload();
 				},
 			error : function(e) {
 				alert('Some unexpected error occured Please try later.');
 			}
 		});
 	});
-
 
 	$("#saveWorkspaceBtn").bind("click", saveWorkspace);
 

src/main/resources/static/js/views/project-view.js

@@ -26,8 +26,8 @@ define(function(require) {
 				}
 			},this);
 		}
-		
 	});
+	
 	var ProjectListView = Backbone.View.extend({
 		tagName : 'li',
 		events : {
@@ -49,7 +49,6 @@ define(function(require) {
 			console.log('current project id is ' + APP.appView.getCurrentProjectId());
 			tree.showTree(this.$el.find('a').data('project-ref-id'));
 		},
-
 		render : function() {
 			this.$el.html(this.template({project : this.model.toJSON()}));
 			return this;

src/main/resources/static/js/views/tree-view.js

@@ -98,6 +98,18 @@ define(function(require) {
 			}
 		});
 	});
+	
+	$("#deleteProjectBtn").bind("click", function() {
+		$.ajax({
+			url : APP.config.baseUrl + '/workspaces/' + APP.appView.getCurrentWorkspaceId() + "/projects/" + APP.appView.getCurrentProjectId(),
+			type : 'delete',
+			dataType : 'json',
+			contentType : "application/json",
+			success : function(data) {
+				location.reload();
+			}
+		});
+	});
 
 	$('.col-1-toggle-btn').toggle(function() {
 		$('.rf-col-1').hide();
@@ -329,6 +341,7 @@ define(function(require) {
 			return null;
 		}
 	};
+	
 	tree.showTree = function(projectRefNodeId) {
 		$.ajax({
 			url : APP.config.baseUrl + '/nodes/' + projectRefNodeId + '/tree',
@@ -348,6 +361,6 @@ define(function(require) {
 			}
 		});
 	};
-
+	
 	return tree;
 });

src/main/webapp/WEB-INF/jsp/home.jsp

@@ -156,8 +156,9 @@
 						<li><a style="font-size: 12px;" data-toggle="modal" data-target="#comingSoon">Sort</a></li>
 						<li><a style="font-size: 12px;" data-toggle="modal" data-target="#comingSoon">Filter</a></li>
 						<li class="divider"></li>
-						<li><a style="font-size: 12px;" data-toggle="modal" data-target="#comingSoon">Delete</a></li>
+						<li><a style="font-size: 12px;" data-toggle="modal" data-target="#deleteProjectModal">Delete Project</a></li>
 						<li><a style="font-size: 12px;" data-toggle="modal" data-target="#deleteRequestModal">Delete Request</a></li>
+						<li><a style="font-size: 12px;" data-toggle="modal" data-target="#editProjectModal">Edit Project</a></li>
 					</ul>
 				</div>
 
@@ -436,6 +437,25 @@
 			</div>
 		</div>
 	</div>
+	<div class="modal fade" id="editProjectModal" tabindex="-1">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<button type="button" class="close" data-dismiss="modal">&times;</button>
+					<h4 class="modal-title" id="editProjectModalLabel">Edit Project</h4>
+				</div>
+				<div class="modal-body">
+					<input type="text" id="editProjectTextField" class="form-control" placeholder="Enter Project Name"> <br>
+					<textarea id="editProjectTextArea" class="form-control" rows="3" placeholder="Enter Description"></textarea>
+					<br>
+				</div>
+				<div class="modal-footer">
+					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+					<button id="editProjectBtn" type="button" class="btn btn-primary">Save changes</button>
+				</div>
+			</div>
+		</div>
+	</div>
 	<div class="modal fade" id="switchWorkspaceModal" tabindex="-1">
 		<div class="modal-dialog">
 			<div class="modal-content">
@@ -467,6 +487,23 @@
 			</div>
 		</div>
 	</div>
+	<div class="modal fade" id="deleteProjectModal" tabindex="-1">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<button type="button" class="close" data-dismiss="modal">&times;</button>
+					<h4 class="modal-title" id="myModalLabel">Delete Project</h4>
+				</div>
+				<div class="modal-body">
+					Are You Sure You Want To Delete Selected Project?
+				</div>
+				<div class="modal-footer">
+					<button type="button" class="btn btn-default" data-dismiss="modal">No</button>
+					<button type="button" class="btn btn-primary" id="deleteProjectBtn">Yes</button>
+				</div>
+			</div>
+		</div>
+	</div>
 	<div class="modal fade" id="comingSoon" tabindex="-1">
 		<div class="modal-dialog">
 			<div class="modal-content">