AngularJS Ideas with HTML : Order Reshuffling Popup

Experts,  Is it possible to achieve something like this angularJS. If yes I need some ideas.

I would like to have a popup which takes data from a entity table and loads up the data like this in the picture.  I need to have a up and down arrow controls that will re-arrange the order and saves it in the database.

 I am using C#, entity framework, angular JS, Web API and SQL Server 2008.

Subbu GAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Subbu GAuthor Commented:

can you throw some ideas?
Two projects that can help are Bootstrap UI Modal and Grid. Pass the data needed to be rendered into the Modal as a dependency and render in the grid.
Subbu GAuthor Commented:

Thanks for your response.

I am a beginner with Angular so UI Grid looks very complex to me. Bootstrap UI popup is okay with me. is there any sample codes that you can refer me to?
Your Guide to Achieving IT Business Success

The IT Service Excellence Tool Kit has best practices to keep your clients happy and business booming. Inside, you’ll find everything you need to increase client satisfaction and retention, become more competitive, and increase your overall success.

If the grid contains too much overhead, I think an HTML table generated by an ng-repeat would be fine. This link contains a variety of tutorials for the Grid. Personally, I would avoid the grid and design this using HTML tables. Hopefully this gets you started and we can resolve issues you encounter as you make progress.
Subbu GAuthor Commented:
Thanks gregg. I will give it a shot
Alexandre SimõesManager / Solutions ArchitectCommented:
You're asking several things here; mainly how to handle popups and do that reshuffling feature,in AngularJS.

For the reshuffling you should use the orderBy filter along with the ngRepeat.
You just need to order by a property of your items and change it according to the move up and down arrows; the ngRepeat will take care of reflecting the changes on screen.

I'm on the phone so I can't give you a working example.

For the popup, AngularUI has a good one.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Subbu GAuthor Commented:
thanks @AlexCode

I will come back with all your inputs and reach an interesting point before I can come with further questions.. appreciated.
Subbu GAuthor Commented:
Thanks guys. Appreciated
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.