henrybkr / hbkr-tasks

A vue.js task management system
http://hbkr.space
0 stars 0 forks source link

Allow user to reorder list items via drag-drop #4

Open henrybkr opened 4 years ago

henrybkr commented 4 years ago

Right now we have a computed component for the preferred list order but no the actual items within them. It's a little confusing with it being nested. The setter and getter for the nested slicklist is not playing nice and needs attention.

Once this is task is completed with reactable/computed elements, the focus should move to preserving that user order. Changes have been made to the tables themselves to support a custom user order for both standard and pinned items in preparation.

henrybkr commented 4 years ago

Further work on this issue today.

Moved to vuedraggable for more grid-styled drag and dropping between multiple lists and additional opportunities for nesting if required. Supposedly works just as well for touch devices, has more support/less bugs however it's lacking the smoothness on desktop that vue-slicksort offered. Note that there was some basic smooth animation styling in the native JS library, hopefully it can be included in the vue version. Need some work and cleanup from previous vue-slicksort implementation.