react-mindmap
react-mindmap copied to clipboard
Connecting to previous Nodes
Would be great if we can connect a node to any other node in the network. For example, the following would crash if you tried to load it because SuccessPrompt2 connects back to a previous node:
{"rootTopicKey":"307dfaa7-db41-4611-90d4-e7c4cf53ca78","topics":[{"key":"307dfaa7-db41-4611-90d4-e7c4cf53ca78","parentKey":null,"subKeys":["fddd2e35-ba5e-4bf4-b3e3-3cef23b431d3"],"collapse":false,"style":null,"blocks":[{"type":"CONTENT","data":"MainTopic"}]},{"key":"fddd2e35-ba5e-4bf4-b3e3-3cef23b431d3","parentKey":"307dfaa7-db41-4611-90d4-e7c4cf53ca78","subKeys":["66320723-1cef-4e64-afd8-6879bad3f58d","12946e8a-cca8-42cf-b774-6d481243eb8f"],"collapse":false,"style":null,"blocks":[{"type":"CONTENT","data":"Welcome2"},{"type":"DESC","data":"ACTION: TEXT\nDATA: this is the data to show \\- do you want me to scan your computer\n"}]},{"key":"12946e8a-cca8-42cf-b774-6d481243eb8f","parentKey":"fddd2e35-ba5e-4bf4-b3e3-3cef23b431d3","subKeys":["2819ad5c-197d-4657-8e2c-77e0c5ddce38"],"collapse":false,"style":"{\"contentStyle\":{\"background\":\"#4a90e2\"}}","blocks":[{"type":"CONTENT","data":"YesAction"},{"type":"DESC","data":"ACTION: Scan\nTEXT: I'm now scanning your computer\n"}]},{"key":"2819ad5c-197d-4657-8e2c-77e0c5ddce38","parentKey":"12946e8a-cca8-42cf-b774-6d481243eb8f","subKeys":[],"collapse":false,"style":null,"blocks":[{"type":"CONTENT","data":"SuccessPrompt2"}]},{"key":"66320723-1cef-4e64-afd8-6879bad3f58d","parentKey":"fddd2e35-ba5e-4bf4-b3e3-3cef23b431d3","subKeys":["307dfaa7-db41-4611-90d4-e7c4cf53ca78"],"collapse":false,"style":null,"blocks":[{"type":"CONTENT","data":"NoAction"},{"type":"DESC","data":"ACTION: NOScan\nTEXT: I'm NOT scanning your computer"}]}],"config":{"readOnly":false,"allowUndo":true,"layoutDir":0,"theme":{"name":"default","randomColor":true,"background":"rgb(57,60,65)","highlightColor":"#50C9CE","marginH":60,"marginV":20,"contentStyle":{"lineHeight":"1.5"},"linkStyle":{"lineRadius":5,"lineType":"curve","lineWidth":3},"rootTopic":{"contentStyle":{"fontSize":"34px","borderRadius":"35px","padding":"16px 18px 16px 18px"},"subLinkStyle":{"lineType":"curve","lineWidth":3,"lineColor":"rgb(113, 203, 45)"}},"primaryTopic":{"contentStyle":{"borderWidth":"1px","borderStyle":"solid","borderRadius":"20px","fontSize":"17px","padding":"10px 15px 10px 15px"},"subLinkStyle":{"lineType":"curve","lineWidth":3,"lineColor":"rgb(113, 203, 45)"}},"normalTopic":{"contentStyle":{"border":"1px solid #e8eaec","borderRadius":"20px","fontSize":"17px","padding":"4px 10px"},"subLinkStyle":{"lineType":"curve","lineWidth":3,"lineColor":"white"}}}},"version":null}
Would be great to have multi-directional graphs to illustrates workflows.
If you want to illustrates workflows, I came up with two solutions:
- add relationship line to any two topics as shown below, This feature is planned to be implemented.
- add workflow graph as a attachment to the topic, now we can add notes to a topic, we can also add flowcharts to a topic later. Integrate a flowchart library like https://github.com/le5le-com/topology to blink-mind. I will write a plugin to implement this feature.
I need to connect nodes backwords. Any updates this issue?