Reorder item inside a list

[FrancescoMussi]

Hello.
Sorry if is not the right place to ask.
How is possible to reorder items inside a list using angular-dragdrop?

Here is my stack overflow question:

http://stackoverflow.com/questions/27799766/angular-dragdrop-how-to-reorder-items

[codef0rmer]

Unfortunately, It's not possible as of now, you have to use ui-sortable instead. I'm in the process to implement sorting in angular-dragdrop but do not want to give any false commitment.

[Psabot]

Hi,

I don't know if I understood your issue very well but I think I had the same.
I wanted to be able to drag&drop one element above or below another.
To achieve that, I modified a little bit the angular-dragdrop.js.

The idea was to get the offset of my draggable and compare it to the other element list offset.
I did the edit in the mutateDroppable method.
Here's the sample :

for(var i = 0; i <= dropModelValue.length; i++)
{
var elmPos = $('#divid').children().eq(i).offset().top;
if (currentDraggableYPos < elmPos)
elemToInsert = i;
}
Just dive into your droppable and looking for the right place.

"elemToInsert" is the index of the new the element you just dropped.
To insert it in the array, just do :
dropModelValue.splice(elemToInsert, 0, dragItem); instead of dropModelValue.push(dragItem);.

Hope this could help

[FrancescoMussi]

oh thank you very much!
Monday morning i will try it!
If it works i will really build a sculpture in your honor!

[Psabot]

Notice that it's not an optimal solution because it's not very accurate since I just get the top position.
But you can easily improve it.
However, it should fix your issue for now.

Did you try it ?

[r4hulp]

@Psabot how can we retrieve elemToInsert i.e. index of new element? I am kinda confused here. I also badly want to implement sorting :(

edit : arghhh got it... I can not deal with ID selector won't be an efficient solution for me ;-(

[Psabot]

@rahulrulez You just need only one id on the container. Why can't you deal with it ?
In fact you just need an identifier to grab your container in the DOM.

[codef0rmer]

@Psabot : I'm half-way done with insertInline option but still figuring out how to do animations with ngAnimate. Take a look at: bbb6ea7

[loverdrive]

@codef0rmer : is there any news about insertInline option?
Thank you for your work!