AngularJS Sortable + Design
$30-250 USD
Dibayar saat pengiriman
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.
Plug-ins either ui-sortable or angular-ui-tree. Let me know if choosing other.
ID Proyek: #8175783
Tentang proyek
13 freelancer rata-rata menawar $228 untuk pekerjaan ini
Experienced developer working with Bootstrap, JavaScript, AngularJS, PHP, various APIs on daily basis.
Hello, We have done this type of work not exact same but drag and drop type and we will also send you our portfolio also and our hourly rate is: $8
Hi, Lets work together. I have been working with angular js and node js. I can control it. Regards Nitish
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 Lebih banyak