Node info edit - make name editable (Partial #189)

2 files changed, 11 insertions, 5 deletions

diff --git a/src/rz_core.js b/src/rz_core.js
index 7684fe4a..1c6db8ee 100644
--- a/src/rz_core.js
+++ b/src/rz_core.js
@@ -715,7 +715,8 @@ function showNodeInfo(d, i) {
       if (d.type === "deliverable") {
         graph.editDates(d.id, null, new Date($("#editstartdate").val()), new Date($("#editenddate").val()));
       }
-      graph.editType(d.id,d.type,$('#edittype').val());
+      graph.editName(d.id, $('.info').find('#editformname').val());
+      graph.editType(d.id, d.type,$('#edittype').val());
       graph.editURL(d.id, d.type, $('#editurl').val());
       graph.editStatus(d.id, d.type, $('#editstatus').val());
       update_view__graph(true);
diff --git a/src/view/node_info.js b/src/view/node_info.js
index cd72ec79..a3b8f7d4 100644
--- a/src/view/node_info.js
+++ b/src/view/node_info.js
@@ -2,23 +2,28 @@ define(['jquery', 'jquery-ui', 'view/helpers', 'view/internal'],
 function($, _unused_jquery_ui,  view_helpers, internal) {
 
 function show(d) {
-    var editURL = '';
+    var editURL = '',
+        name_field = 'Name: ' + '<input id="editformname">',
+        html;
 
     internal.edit_tab.show('node');
 
     if (d.type === "third-internship-proposal") {
-      $('.info').html('Name: ' + d.name + '<br/><form id="editbox"><label>Type:</label><select id="edittype"><option value="person">Person</option><option value="club">Club</option><option value="skill">Skill</option><option value="interest">Interest</option><option value="third-internship-proposal">Third-internship-proposal</option><option value="internship">Internship</option></select><br/><label>Status</label><select id="editstatus"><option value="waiting">Waiting</option><option value="approved">Approved</option><option value="notapproved">Not Approved</option></select><br/><label>Start date:</label><input id="editstartdate"/></br><label>End date:</label><input id="editenddate"/></br><button>Save</button><button id="deletenode">Delete</button></form>');
+      html = '<br/><form id="editbox"><label>Type:</label><select id="edittype"><option value="person">Person</option><option value="club">Club</option><option value="skill">Skill</option><option value="interest">Interest</option><option value="third-internship-proposal">Third-internship-proposal</option><option value="internship">Internship</option></select><br/><label>Status</label><select id="editstatus"><option value="waiting">Waiting</option><option value="approved">Approved</option><option value="notapproved">Not Approved</option></select><br/><label>Start date:</label><input id="editstartdate"/></br><label>End date:</label><input id="editenddate"/></br><button>Save</button><button id="deletenode">Delete</button></form>';
     } else if(d.type=== "chainlink"){
-      $('.info').html('Name: ' + d.name + '<br/><form id="editbox"><button>Save</button><button id="deletenode">Delete</button></form>');
+      html = '<br/><form id="editbox"><button>Save</button><button id="deletenode">Delete</button></form>';
     }else{
       if (d.type !== 'skill' && d.type !== 'interest') {
         editURL = '<label>URL:</label><input id="editurl"/>'
       }
-      $('.info').html('Name: ' + d.name + '<br/><form id="editbox"><label>Type:</label><select id="edittype"><option value="person">Person</option><option value="club">Club</option><option value="skill">Skill</option><option value="interest">Interest</option><option value="third-internship-proposal">Third-internship-proposal</option><option value="internship">Internship</option></select><br/>' + editURL + '<br/><button>Save</button><button id="deletenode">Delete</button></form>');
+      html = '<br/><form id="editbox"><label>Type:</label><select id="edittype"><option value="person">Person</option><option value="club">Club</option><option value="skill">Skill</option><option value="interest">Interest</option><option value="third-internship-proposal">Third-internship-proposal</option><option value="internship">Internship</option></select><br/>' + editURL + '<br/><button>Save</button><button id="deletenode">Delete</button></form>';
     }
 
+    $('.info').html(name_field + html);
     $('.info').css("border-color", view_helpers.customColor(d.type));
 
+    $('.info').find('#editformname').val(d.name);
+
     $("#editenddate").datepicker({
       inline: true,
       showOtherMonths: true,