Drag and Drop / Copy & Paste for Ingredients

michaelhthomas commented 2 years ago

Is your feature request related to a problem? Please describe. It is rather frustrating to reorganize a recipe into steps (especially imported ones), without the ability to move ingredients from step to step.

Describe the solution you'd like Adding both drag and drop of ingredients between steps, as well as copy and paste for ingredients would go a long way to making this a better user experience.

Describe alternatives you've considered Having copy and paste by itself would definitely cover about 90% of the use case as well. Additionally, it would be very cool if it were possible to select multiple ingredients and copy/paste them all at once.

Additional context This is something I may be willing to have a shot at implementing, as I do have some Vue experience. Just let me know the best path to take, and if this is something you'd like to see!

smilerz commented 2 years ago

You can already drag and drop between steps, but the experience can be improved a lot. If you have ideas and skill on how to improve it I’d suggest putting a PR together, they’ve been very open to outside input.

michaelhthomas commented 2 years ago

You're so right! I assumed it didn't work as I couldn't get dragging the items to make the page scroll, but turns out if I just zoom out my browser a bunch I can make it work. Making that scrolling more intuitive is definitely something I can look into.

smilerz commented 2 years ago

Multi-select is a great idea too. Or context menu -> move.

smilerz commented 2 years ago

@michaelhthomas - quick question: in your experience with Vue have you used any automated test frameworks?

vabene1111 commented 2 years ago

i am planning on rewriting the recipe editor, both from the UI and data perspective. The inability to scroll while dragging is something i noticed a while back, it was working before but has for some reason stopped at some point but i do not know when.

If you want feel free to take a crack at it, i would personally do the following things

[ ] add a "move to" option to the context menu of an ingredient (the three dots) which has a dropdown (either directly in the context menu or opens a modal) that lets you choose which step to add the ingredient to
[ ] add a "move down" and "move up" button that moves the ingredient (or step for that matter) up one step
[ ] fix the inability to scroll while dragging

the texts are just placeholders, not sure what to best call the buttons yet. If you wanna work on it let me know, if not i will leave it open for me to fix later.

edit: also copy paste wold be awesome but likely difficult ?! if you want feel free to try that as well but i think the other features will already be a big improvement.

smilerz commented 2 years ago

pasting list of ingredients resolved with #1538

Ram-Z commented 2 years ago

[ ] add a "move from" button in the steps context menu

See https://github.com/TandoorRecipes/recipes/issues/1667#issuecomment-1214353117 (which I believe is a dupe of this)

benoni280 commented 2 days ago

Wanted to mention that a "move to" Step would be a great addition (now i have to zoom out if i want to do this)

TandoorRecipes / recipes

Drag and Drop / Copy & Paste for Ingredients #1084