Looking for WorkFlow, Approval Process Designer UI JavaScript expert - Urgent
Budget: $30 – $250 USD
I need, web (html+javascript) workflow designer component. I will give JSON schema, component must have json get and set(json) properties.
I will use that component in our applications written in ASP.Net Core / C#. I am expected only client side functionalties.
Features of component listed below.
Javascript api features
• setData Workflow designer can be created with a given json format.
• getData Workflow designer can give us json format of created workflow. So we can store that format on database and show user again with setData.
• nodeSelectionEvent An event can be attached to fire when a node is selected. Also we could get id of node, type of node etc.
• getNodeData Gets node data by given nodeid
• setNodeData Sets node data by given nodeid
Workflow features
• Add node Any node can be added to workflow like example given,
• Connect nodes Any node could be connected with another like example.
• Delete nodes Any node could be deleted
• Node Shape Node shape will be rectangle. But we could change properties of node. Such as some nodes can have 1 connection as input, 2 connection as output.
• Change Node Properties After a node clicked/selected a right side panel will apear and properties of node will be listed there. Changing properties and clicking save on right panel will effect to node and node will be updated.
• Connection labels Any connection between nodes can have a capion on it (True, False, or some custom text.) This label could be set by user interface
Component like job form approval designer. Demo video is below
https://www.youtube.com/watch?v=z-NDHJ6XhfI
I found a free design, may be help develop this. https://github.com/alyssaxuu/flowy
When hovering over a square element, the + signs should be dragged and associated with a new element. There may be objects with different properties in the element (approval, email, condition, ...) The properties of these elements will not be coded, only the flow will be drawn with drag and drop. In branches above the flow, the options of the previous flow must be formed in an area where the options can be selected.
I will use that component in our applications written in ASP.Net Core / C#. I am expected only client side functionalties.
Features of component listed below.
Javascript api features
• setData Workflow designer can be created with a given json format.
• getData Workflow designer can give us json format of created workflow. So we can store that format on database and show user again with setData.
• nodeSelectionEvent An event can be attached to fire when a node is selected. Also we could get id of node, type of node etc.
• getNodeData Gets node data by given nodeid
• setNodeData Sets node data by given nodeid
Workflow features
• Add node Any node can be added to workflow like example given,
• Connect nodes Any node could be connected with another like example.
• Delete nodes Any node could be deleted
• Node Shape Node shape will be rectangle. But we could change properties of node. Such as some nodes can have 1 connection as input, 2 connection as output.
• Change Node Properties After a node clicked/selected a right side panel will apear and properties of node will be listed there. Changing properties and clicking save on right panel will effect to node and node will be updated.
• Connection labels Any connection between nodes can have a capion on it (True, False, or some custom text.) This label could be set by user interface
Component like job form approval designer. Demo video is below
https://www.youtube.com/watch?v=z-NDHJ6XhfI
I found a free design, may be help develop this. https://github.com/alyssaxuu/flowy
When hovering over a square element, the + signs should be dragged and associated with a new element. There may be objects with different properties in the element (approval, email, condition, ...) The properties of these elements will not be coded, only the flow will be drawn with drag and drop. In branches above the flow, the options of the previous flow must be formed in an area where the options can be selected.