Menu
I'm looking for the JS library similar to the one used in Jira Workflow editor (example below).
I need to visualize dependencies between elements and probably(in the future) make it configurable by mouse (with drag'n'drop).
P.S. I've tried to detect name of this library within the Developer Console, but had no luck (probably it's Atlassian proprietary library). If you have Jira you can explore it yourself: Project -> Administration -> Workflows
886
JIRA's workflow designer JavaScript component renders an editable visual representation of a workflow in the browser. Users can add, edit, and remove statuses and transitions, inspect the workflow by panning and zooming, and position elements on the canvas.
A Jira workflow has three basic components: statuses, transitions, and resolutions.
Jira has built-in workflows that you can use without needing to make any changes, or you can start fresh and create your own. You can't edit the built-in workflows, but you can copy them and use the copy as a basis to create your own. Another option is to import workflows from the Atlassian Marketplace.
After looking at the JS source for the Workflow Designer in Atlassian JIRA in the console, it seems to be using a mixture of Atlassian developed code and a whole host of other libraries.
However, the drawing part at least seems to be extending functionality provided by Draw2D JS library. Another option for what you want to achieve could be Raphael JS which is also a JS drawing library.
117
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
