[Feature request] Drag and Drop Items to Lists

[MikeKMiller]

It would be helpful for organization to allow drag and drop from the main bookmark view to lists on the left menu. This would allow quickly moving items into the lists, versus the current (Click the 3 dots, Click Add to List, Click to select a List, Click Save)

[kamtschatka]

I created a POC for that. I added a special handle for dragging the item around, to avoid people dragging and dropping everything all the time:

Then you simply drag it to the side and drop it on a list (I have excluded "Archive" and "Favourite" here, but idk)

Opinions?

[MohamedBassem]

@kamtschatka you seem to have became an expert in drag and dropping! I like the feature! I think one thing that would make it look nicer is that when you're dragging the bookmark instead of changing the opacity, we can just replace the bookmark card with something simpler (e.g. a title only card for example).

[kamtschatka]

I have pushed all my changes to a branch, that makes this in theory possible (i am able to change the dragged element, when it is dragged), but I am not skilled enough to get that to work^^ When you start dragging, it changes appearance, but that means:

• The new (smaller) div will be at the same top/left coordinates the previous div was --> the mouse cursor is not even on the element anymore. No idea how to fix that ^^
• Funnily the next bookmark will move into the new space. That will cause an image to be directly below the mouse, which will then start dragging the image, which will then cause the UI to show the "Drop your image" overlay, to upload images.... Also no idea how to fix that^^

[kamtschatka]

OK, got something working, looks like this now:

[MohamedBassem]

@kamtschatka looks amazing <3 Will review the PR hopefully either today or tomorrow. Thank you!

[teunvg]

Any updates on this? I just started using Hoarder (love it!) and have a whole bunch of links I want to import, having this feature would be of great help in organizing them!

[kamtschatka]

The feature is under discussion in discord. The question is, if this feature is obselete with the bulk edit feature (merged very soon). If you can add some arguments for this feature or confirm that it is obsolete, once the bulk edit is live, that would be great.

[teunvg]

@kamtschatka Thanks for the update! My take: bulk edit looks super nice, but to me it wouldn't replace drag and drop.

To clarify: can you bulk add items to lists? The preview on the GitHub issue just shows archiving and favouriting. Either way, though, I think drag-and-drop is more intuitive (especially for single items), so I would be in favour of keeping it. If anything, I'd say drag and drop in bulk edit mode should move all selected items.

My main argument for preferring drag and drop over bulk mode lies in how I usually sort lots of things: I'd rather go through all of my bookmarks once and drag them to the right list as I go along, than to go through all of my bookmarks N times in bulk mode, once for each list that I want to assign items to.

But I haven't tried bulk edit mode, so perhaps it does much more than I'm aware of! Will update once I've seen it in action :)

[mdsaban]

The preview on the GitHub issue just shows archiving and favouriting

@teunvg I'm planning to add lists/tag in bulk edit very soon. We just started with archiving, favouriting and deleting. But I think we can have drag and drop as well.

[ahmadhadidi]

It would be great if this allowed me to drag any item from the right container into any of the lists.