This is partly a design task and partly a AngularJS coding task
I need a simple draggable sortable list. It shall be possible to edit title in each list, delete one or add a new item.
For each item in the sortable list there shall be a menu "Add action" which is a basic dropdown. If it looks better it can also be dragged onto the item. This is where the design part comes into play.
One item on this could be "Send e-mail using template" or "Action 2". Each action will also have a dropdown menu. In the case of Send e-mail using template the user is prompted to choose between X number of templates. Nothing more. It shall also be possible to remove any action items.
An example of how this could look:
Item 1
Item 2
[Send e-mail (template name)]
Item 3
Item 4
[Send e-mail (template name)]
[Some other action]
Item 5
Result will be a simple json structure, eg.
[
{ id: 1, title: 'Item 1', actions: [ { action: 'sendemail', value: 'template1' } ] },
{ id: 2, title: 'Item 2', actions: [ ] },
{ id: 3, title: 'Item 3', actions: [ { action: 'sendemail', value: 'template1' }, { action: 'otheraction', value: 'somevalue' } ] },
{ id: 4, title: 'Item 4', actions: [ ] }
]
The template I use is:
[login to view URL]
I imagine to use ui-sortable plug-in, but let me know if you have other in mind
If you can provide a mockup of the design it would be preferred. Code should be provided as a JSFiddle.
Hi, I already have done a project on a product similar to yours using sortable JS you can check my profile the project title is Sortable JS project Milestone 1, I have a 5 start review on it, Please contact me so that I can start it now.