Adding/Deleting outputs about drawflow

[jerosoler]

Hi! @MehbubRashid

mmmmm not cloning object correctment.

Try:

  const info = JSON.parse(JSON.stringify(editor.getNodeFromId(5)));
  editor.removeNodeId('node-5');
  console.log(info);

I look to correct it

[MehbubRashid]

Okay, after searching in google, i found out its a proper way of cloning objects.Learned a new thing.Thanks again

[jerosoler]

Hello

I would like to add.

• addNodeOutput
• addNodeInput
• deleteNodeOutput
• deleteNodeInput

I haven't had time to look at it yet.

[jerosoler]

I just added addNodeOutput and addNodeInput. 1f84ede
I've also fixed the getNodeFromId export. a62cdb0

I have doubts about how to implement deleteNodeOutput/Input.

For example the node with 3 outputs.
[output_1, output_2, output3]
Execute delete output_2 function.

How would it look?
one:
[output_1, output_2]

Oh
two:
[output_1, output_3]

The first option seems the most logical. What do you think?

Another option is to always remove the last output.

How have you implemented it?

[jerosoler]

Added functions removeNodeInput(id, input_class) and removeNodeOutput(id, output_class)

Commit: af83a12

Try please ;)

[MehbubRashid]

Thank you so much for adding these features!!

[jerosoler]

Hello Thanks!

You mean?

To:

[MehbubRashid]

Yes,exactly.Is it possible?

[jerosoler]

Currently does not allow it.

It can be a good feature. Take note.

If you need it maybe you could do something like this: view setTimeout

editor.start();

var html = `
<div><input type="text" df-name></div>
`;

var data = { "name": '' };

var html = document.createElement("div");
html.innerHTML= '<div><input type="text" df-name></div>';

editor.registerNode('test', html);
editor.addNode('github', 0, 1, -300, 300, 'github', data, 'test', true);
editor.addNode('github', 2, 3, 150, 300, 'github', data, 'test', true);
editor.addConnection(1, 2, 'output_1', 'input_2')

setTimeout(function(){
  const info = editor.getNodeFromId(1);

  editor.addNode(info.name, Object.keys(info.inputs).length, Object.keys(info.outputs).length +1, info.pos_x, info.pos_y, info.class, info.data, info.html, info.typenode);
  editor.removeNodeId('node-1');
  // REDRAW connections  with
  //editor.addConnection(....)

}, 1500);

[MehbubRashid]

Thanks.i thought of something like that.

But it would be so great if you add support for this function.There might be case where users need to add button on the node and on adding a new button,a new output also added for that button (just like manychat message flow builder)

[MehbubRashid]

Hi, @jerosoler i have tried the method you mentioned.everything works fine.but when i try to get the connections from the old node,there is no connection in the array.even if i called const info = editor.getNodeFromId(1); before removing the node using editor.removeNodeId('node-1');

0 connection in the info array.Strange

To produce the error,you can visually connect two nodes in the browser.then in the console if you enter these two commands console.log(editor.getNodeFromId(1));editor.removeNodeId('node-1'); at once,you will see 0 connection even if you connected two nodes.

why does it happen?

[MehbubRashid]

Yes, after adding JSON.parse(JSON.stringify()), it works...But why does it work?Can you tell me the reason behind it? I wish to learn the theory behind it.

i think editor.getNodeFromId(5) and JSON.parse(JSON.stringify(editor.getNodeFromId(5))); this two are same thing.but first one works and second one does not.Why? :D

[MehbubRashid]

Hi, @jerosoler , do you have plan to add the (deleteSpecificOutput) function anytime soon?

[MehbubRashid]

Great,though i have manually implemented them.but would like to see official implementation soon.thanks

[MehbubRashid]

Yes,i also have implemented the first option.This will give additional benefits.