frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

Add subflow outputs to be delete by selection

Browse Source
This commit is contained in:
Nick O'Leary 2014-11-12 23:51:42 +00:00
parent f72f7cdaa7
commit 64a6fe11da
4 changed files with 90 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
public/red/history.js
View File

@ -66,6 +66,37 @@ RED.history = (function() {
if (ev.subflow) { if (ev.subflow) {
RED.nodes.addSubflow(ev.subflow); RED.nodes.addSubflow(ev.subflow);
} }
if (ev.subflowOutputs && ev.subflowOutputs.length > 0) {
var subflow = RED.nodes.subflow(ev.subflowOutputs[0].z);
ev.subflowOutputs.sort(function(a,b) { return a.i-b.i});
for (i=0;i<ev.subflowOutputs.length;i++) {
var output = ev.subflowOutputs[i];
subflow.out.splice(output.i,0,output);
for (var j=output.i+1;j<subflow.out.length;j++) {
subflow.out[j].i++;
subflow.out[j].dirty = true;
}
RED.nodes.eachLink(function(l) {
if (l.source.type == "subflow:"+subflow.id) {
if (l.sourcePort >= output.i) {
l.sourcePort++;
}
}
});
}
RED.nodes.eachNode(function(n) {
if (n.type == "subflow:"+subflow.id) {
n.changed = true;
n.inputs = subflow.in.length;
n.outputs = subflow.out.length;
while (n.outputs > n.ports.length) {
n.ports.push(n.ports.length);
}
n.resize = true;
n.dirty = true;
}
});
}
if (ev.nodes) { if (ev.nodes) {
for (i=0;i<ev.nodes.length;i++) { for (i=0;i<ev.nodes.length;i++) {
RED.nodes.add(ev.nodes[i]); RED.nodes.add(ev.nodes[i]);

2
public/red/nodes.js
View File

@ -588,12 +588,14 @@ RED.nodes = (function() {
input.direction = "in"; input.direction = "in";
input.z = n.id; input.z = n.id;
input.i = i; input.i = i;
input.id = getID();
}); });
n.out.forEach(function(output,i) { n.out.forEach(function(output,i) {
output.type = "subflow"; output.type = "subflow";
output.direction = "out"; output.direction = "out";
output.z = n.id; output.z = n.id;
output.i = i; output.i = i;
output.id = getID();
}); });
new_subflows.push(n); new_subflows.push(n);
addSubflow(n); addSubflow(n);

4
public/red/ui/editor.js
View File

@ -773,7 +773,7 @@ RED.editor = (function() {
if (editing_node.in.length < newInCount) { if (editing_node.in.length < newInCount) {
var l = editing_node.in.length; var l = editing_node.in.length;
for (i=l;i<newInCount;i++) { for (i=l;i<newInCount;i++) {
var newInput = {type:"subflow",direction:"in",z:editing_node.id,i:i,x:xpos,y:70}; var newInput = {type:"subflow",direction:"in",z:editing_node.id,i:i,x:xpos,y:70,id:RED.node.id()};
addedInputs.push(newInput); addedInputs.push(newInput);
editing_node.in.push(newInput); editing_node.in.push(newInput);
xpos += 55; xpos += 55;
@ -785,7 +785,7 @@ RED.editor = (function() {
} }
if (editing_node.out.length < newOutCount) { if (editing_node.out.length < newOutCount) {
for (i=editing_node.out.length;i<newOutCount;i++) { for (i=editing_node.out.length;i<newOutCount;i++) {
var newOutput = {type:"subflow",direction:"out",z:editing_node.id,i:i,x:xpos,y:70}; var newOutput = {type:"subflow",direction:"out",z:editing_node.id,i:i,x:xpos,y:70,id:RED.node.id()};
addedOutputs.push(newOutput); addedOutputs.push(newOutput);
editing_node.out.push(newOutput); editing_node.out.push(newOutput);
xpos += 55; xpos += 55;

62
public/red/ui/view.js
View File

@ -744,7 +744,7 @@ RED.view = (function() {
RED.keyboard.add(/* right*/ 39, function() { if(d3.event.shiftKey){moveSelection( 20, 0)}else{moveSelection( 1, 0);}d3.event.preventDefault();},endKeyboardMove); RED.keyboard.add(/* right*/ 39, function() { if(d3.event.shiftKey){moveSelection( 20, 0)}else{moveSelection( 1, 0);}d3.event.preventDefault();},endKeyboardMove);
} }
if (moving_set.length == 1) { if (moving_set.length == 1) {
if (moving_set[0].n.type === "subflow" && !moving_set[0].n.id) { if (moving_set[0].n.type === "subflow" && moving_set[0].n.direction) {
RED.sidebar.info.refresh(RED.nodes.subflow(moving_set[0].n.z)); RED.sidebar.info.refresh(RED.nodes.subflow(moving_set[0].n.z));
} else { } else {
RED.sidebar.info.refresh(moving_set[0].n); RED.sidebar.info.refresh(moving_set[0].n);
@ -795,6 +795,8 @@ RED.view = (function() {
function deleteSelection() { function deleteSelection() {
var removedNodes = []; var removedNodes = [];
var removedLinks = []; var removedLinks = [];
var removedSubflowOutputs = [];
var startDirty = dirty; var startDirty = dirty;
if (moving_set.length > 0) { if (moving_set.length > 0) {
for (var i=0;i<moving_set.length;i++) { for (var i=0;i<moving_set.length;i++) {
@ -808,9 +810,52 @@ RED.view = (function() {
removedNodes.push(node); removedNodes.push(node);
removedLinks = removedLinks.concat(rmlinks); removedLinks = removedLinks.concat(rmlinks);
} else { } else {
if (node.direction === "out") {
removedSubflowOutputs.push(node);
}
node.dirty = true; node.dirty = true;
} }
} }
removedSubflowOutputs.sort(function(a,b) { return b.i-a.i});
for (i=0;i<removedSubflowOutputs.length;i++) {
var output = removedSubflowOutputs[i];
activeSubflow.out.splice(output.i,1);
var subflowRemovedLinks = [];
var subflowMovedLinks = [];
RED.nodes.eachLink(function(l) {
if (l.target.type == "subflow" && l.target.z == activeSubflow.id && l.target.i == output.i) {
subflowRemovedLinks.push(l);
}
if (l.source.type == "subflow:"+activeSubflow.id) {
if (l.sourcePort == output.i) {
subflowRemovedLinks.push(l);
} else if (l.sourcePort > output.i) {
subflowMovedLinks.push(l);
}
}
});
subflowRemovedLinks.forEach(function(l) { RED.nodes.removeLink(l)});
subflowMovedLinks.forEach(function(l) { l.sourcePort--; });
removedLinks = removedLinks.concat(subflowRemovedLinks);
for (var j=output.i;j<activeSubflow.out.length;j++) {
activeSubflow.out[j].i--;
activeSubflow.out[j].dirty = true;
}
}
RED.nodes.eachNode(function(n) {
if (n.type == "subflow:"+activeSubflow.id) {
n.changed = true;
n.inputs = activeSubflow.in.length;
n.outputs = activeSubflow.out.length;
while (n.outputs < n.ports.length) {
n.ports.pop();
}
n.resize = true;
n.dirty = true;
}
});
moving_set = []; moving_set = [];
if (removedNodes.length > 0) { if (removedNodes.length > 0) {
setDirty(true); setDirty(true);
@ -821,7 +866,7 @@ RED.view = (function() {
removedLinks.push(selected_link); removedLinks.push(selected_link);
setDirty(true); setDirty(true);
} }
RED.history.push({t:'delete',nodes:removedNodes,links:removedLinks,dirty:startDirty}); RED.history.push({t:'delete',nodes:removedNodes,links:removedLinks,subflowOutputs:removedSubflowOutputs,dirty:startDirty});
selected_link = null; selected_link = null;
updateSelection(); updateSelection();
@ -1049,7 +1094,7 @@ RED.view = (function() {
// Don't bother redrawing nodes if we're drawing links // Don't bother redrawing nodes if we're drawing links
if (activeSubflow) { if (activeSubflow) {
var subflowOutputs = vis.selectAll(".subflowoutput").data(activeSubflow.out,function(d,i){ return d.z+":"+i;}); var subflowOutputs = vis.selectAll(".subflowoutput").data(activeSubflow.out,function(d,i){ return d.id;});
subflowOutputs.exit().remove(); subflowOutputs.exit().remove();
var outGroup = subflowOutputs.enter().insert("svg:g").attr("class","node subflowoutput").attr("transform",function(d) { return "translate("+(d.x-20)+","+(d.y-20)+")"}); var outGroup = subflowOutputs.enter().insert("svg:g").attr("class","node subflowoutput").attr("transform",function(d) { return "translate("+(d.x-20)+","+(d.y-20)+")"});
outGroup.each(function(d,i) { outGroup.each(function(d,i) {
@ -1090,9 +1135,9 @@ RED.view = (function() {
.on("mouseout",function(d,i) { var port = d3.select(this); port.classed("port_hovered",false);}); .on("mouseout",function(d,i) { var port = d3.select(this); port.classed("port_hovered",false);});
outGroup.append("svg:text").attr('class','port_label').attr('x',20).attr('y',8).style("font-size","10px").text("output"); outGroup.append("svg:text").attr('class','port_label').attr('x',20).attr('y',8).style("font-size","10px").text("output");
outGroup.append("svg:text").attr('class','port_label').attr('x',20).attr('y',24).text(function(d,i){ return i+1}); outGroup.append("svg:text").attr('class','port_label port_index').attr('x',20).attr('y',24).text(function(d,i){ return i+1});
var subflowInputs = vis.selectAll(".subflowinput").data(activeSubflow.in,function(d,i){ return d.z+":"+i;}); var subflowInputs = vis.selectAll(".subflowinput").data(activeSubflow.in,function(d,i){ return d.id;});
subflowInputs.exit().remove(); subflowInputs.exit().remove();
var inGroup = subflowInputs.enter().insert("svg:g").attr("class","node subflowinput").attr("transform",function(d) { return "translate("+(d.x-20)+","+(d.y-20)+")"}); var inGroup = subflowInputs.enter().insert("svg:g").attr("class","node subflowinput").attr("transform",function(d) { return "translate("+(d.x-20)+","+(d.y-20)+")"});
inGroup.each(function(d,i) { inGroup.each(function(d,i) {
@ -1135,15 +1180,16 @@ RED.view = (function() {
subflowOutputs.each(function(d) { subflowOutputs.each(function(d,i) {
if (d.dirty) { if (d.dirty) {
var output = d3.select(this); var output = d3.select(this);
output.selectAll(".subflowport").classed("node_selected",function(d) { return d.selected; }) output.selectAll(".subflowport").classed("node_selected",function(d) { return d.selected; })
output.selectAll(".port_index").text(function(d){ return d.i+1});
output.attr("transform", function(d) { return "translate(" + (d.x-d.w/2) + "," + (d.y-d.h/2) + ")"; }); output.attr("transform", function(d) { return "translate(" + (d.x-d.w/2) + "," + (d.y-d.h/2) + ")"; });
d.dirty = false; d.dirty = false;
} }
}); });
subflowInputs.each(function(d) { subflowInputs.each(function(d,i) {
if (d.dirty) { if (d.dirty) {
var input = d3.select(this); var input = d3.select(this);
input.selectAll(".subflowport").classed("node_selected",function(d) { return d.selected; }) input.selectAll(".subflowport").classed("node_selected",function(d) { return d.selected; })
@ -2023,6 +2069,7 @@ RED.view = (function() {
y:v.target.y, y:v.target.y,
z:subflowId, z:subflowId,
i:index, i:index,
id:RED.nodes.id(),
wires:[{id:v.target.id}] wires:[{id:v.target.id}]
}}), }}),
out: candidateOutputs.map(function(v,i) { var index = i; return { out: candidateOutputs.map(function(v,i) { var index = i; return {
@ -2032,6 +2079,7 @@ RED.view = (function() {
y:v.source.y, y:v.source.y,
z:subflowId, z:subflowId,
i:index, i:index,
id:RED.nodes.id(),
wires:[{id:v.source.id,port:v.sourcePort}] wires:[{id:v.source.id,port:v.sourcePort}]
}}) }})
}; };