diff options
| -rw-r--r-- | index.html | 10 | ||||
| -rw-r--r-- | res/css/style.css | 2 | ||||
| -rw-r--r-- | scripts/rz_core.js | 6 | ||||
| -rw-r--r-- | scripts/view/edge_info.js | 28 | ||||
| -rw-r--r-- | scripts/view/view.js | 5 |
5 files changed, 45 insertions, 6 deletions
@@ -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(); }, |