jsplumb - [login to view URL]
Skills: PHP, JQuery, Mysql, JavaScript, CSS
PHP - JQUERY Page1 - Create Workflow page (seen in attached image)
* drag & drop functionality for the left side components into the Right side area [ already done ]
* should connect the components placed in the right side area via connectable links [ every component will have an IN[green) & Out(RED) elements.
* On click of JSON button - a JSON Object should be built & on click of XML button an XML object is built - that can be later used to rebuild the same connections between components currently available & Popup the JSON Content. & follow the save steps. [ Should also store the x,y co-ords of the components available on the screen - for getting same state - while editing Workflow].
* save the state of the page into MYSQL DB [ store as JSON object & parse it back / simpler meta info approach]
PHP - JQUERY Page2- Edit Workflow page
* Rebuild the workflow page with same components / items - with connections - at same x,y places in the page - while it was during Workflow creation page.