From 9968784c978199b10bd7f6fcc465ba5fc5841e0e Mon Sep 17 00:00:00 2001
From: Alon Levy <alon@pobox.com>
Date: Tue, 11 Nov 2014 17:11:47 +0200
Subject: Add edge_info tab; implements edge deletion

---
 index.html                | 10 ++++++++--
 res/css/style.css         |  2 +-
 scripts/rz_core.js        |  6 +++++-
 scripts/view/edge_info.js | 28 ++++++++++++++++++++++++++++
 scripts/view/view.js      |  5 +++--
 5 files changed, 45 insertions(+), 6 deletions(-)
 create mode 100644 scripts/view/edge_info.js

diff --git a/index.html b/index.html
index fc56488d..6b305434 100644
--- a/index.html
+++ b/index.html
@@ -17,15 +17,21 @@
 
   <div class="UI">
     <div class="help">Connect between <span style="color:#FCB924">people</span> and the  <span style="color:#009DDC">projects</span> they are working on by describing their main contribution:</div>
+    <div class="info-container">
+    <div class="edge_info" style="display:none">Edge info :<br/>
+        <div class="subtitle">Click on an edge to display info</div>
+        <button id="deleteedge">Delete</button>
+    </div>
     <div class="info" style="display:none">Node info :<br/>
         <div class="subtitle">Click on a node to display info</div>
-        <form id="editbox">
+        <form id="node-editbox">
           <label>name:</label><input id="editboxname"/>
           <label>description:</label><input id="editdescription"/>
           <label>URL DLKJ:</label><input id="editurl"/>
           <button>edit</button>
         </form>
-        <div class="deletenode"><button>Delete</button></div>
+        <button id="deletenode">Delete</button>
+    </div>
     </div>
 
     <div class='editinfo'>
diff --git a/res/css/style.css b/res/css/style.css
index aa304a3e..995eb2ea 100644
--- a/res/css/style.css
+++ b/res/css/style.css
@@ -324,7 +324,7 @@ input:focus {
   vertical-align: middle;
 }
 
-.info{
+.edge_info, .info {
   background-color: rgba(17,17,17,0.8);
 	position:fixed;
 	top:150px;
diff --git a/scripts/rz_core.js b/scripts/rz_core.js
index eb3cc341..2480599e 100644
--- a/scripts/rz_core.js
+++ b/scripts/rz_core.js
@@ -153,7 +153,11 @@ function update(no_relayout) {
         })
         .attr("marker-end", "url(#end)")
         .on("click", function(d, i) {
-            //$('#textanalyser').val("node("+d.source.id+") -> "+d.name+" -> node("+d.target.id+")");
+            view.edge_info.on_delete(function () {
+                graph.removeLink(d);
+                graph.update(true);
+            });
+            view.edge_info.show();
         });;
     link.style("stroke-dasharray", function(d,i){
         if(d.name && d.name.replace(/ /g,"")=="and" && d.state==="temp")
diff --git a/scripts/view/edge_info.js b/scripts/view/edge_info.js
new file mode 100644
index 00000000..b991ff13
--- /dev/null
+++ b/scripts/view/edge_info.js
@@ -0,0 +1,28 @@
+"use strict"
+
+define(['view/internal'],
+function(internal) {
+
+function show()
+{
+    internal.edit_tab.show('edge');
+}
+
+function hide()
+{
+    internal.edit_tab.hide();
+}
+
+function on_delete(f)
+{
+    var e = internal.edit_tab.get('edge', '#deleteedge');
+
+    e.on('click', f);
+}
+
+return {
+    show: show,
+    hide: hide,
+    on_delete: on_delete,
+};
+});
diff --git a/scripts/view/view.js b/scripts/view/view.js
index 38dcab39..95bfc09b 100644
--- a/scripts/view/view.js
+++ b/scripts/view/view.js
@@ -1,9 +1,10 @@
 "use strict"
 
-define(['view/node_info', 'view/internal'],
-function(view_node_info,   view_internal) {
+define(['view/node_info', 'view/edge_info', 'view/internal'],
+function(view_node_info,   view_edge_info,   view_internal) {
 return {
     'node_info': view_node_info,
+    'edge_info': view_edge_info,
     'hide': function() {
         view_internal.edit_tab.hide();
     },
-- 
cgit v1.3.1