Drag & drop functionality for meal planner

[Yuni1988]

First Check

• I used the GitHub search to find a similar requests and didn't find it.
• Checked the tasks tagged issues and verified my feature is not covered

Please provide a concise description of the problem that would be addressed by this feature.

My primary use-case for this app is planning meals for the week and creating shopping lists with it based on the connected recipes. At the moment the meal planning is not very convenient and requires a lot of steps to complete. I found two ways to do it:

Open meal planner and select recipes for meals

• Click +
• Open drop down menu for the meal type
• Select meal type
• Click on the recipe field
• Type out the name of the recipe
• Click Create
• Repeat this for 3 or more meals a day for 7 days

My primary issues with this approach are:

• there are many clicks required (126 total if you have 3 meals a day)
• I need to know in advance what recipe I want to add (so I can't just easily browse them)
• there is no filtering by meal type (even though I have rules configured)
• I don't see pictures of the recipes, just text

Open the recipe database and add them to the mealplanner

• Set up filter for the recipes / open cookbook
• Click ...
• Click Add to Plan
• Click on the date field
• Select a date
• Click on the meal type
• Select the meal type
• Click confirm
• Repeat this for 3 or more meals a day for 7 days

However, this approach isn't much friendlier either:

• If I don't count setting the filters, it requires 7 clicks per meal, 147 for a weekly meal plan.
• I don't have an overview of the mealplan as I do this, so it's harder to know which dates already have meals or to balance the meals where it makes sense to know what you're having for lunch, when planning breakfast & dinner.

Please provide a concise description of the feature that would resolve your issue.

My proposal would be to add a possibility to show mealplanner on the search and cookbook view and allow the user to drag the recipes down to the mealplanner.

I saw similar functionality in PlanToEat and I really liked it:

In this method once you set a filter or a cookbook (so let's say you use three - one for each meal type), you scroll down the recipes and once you find one that you like you drag it to the mealplanner.

The main benefits I see:

• less clicking (ignoring setting the filters, it requires one click (drag & drop) per meal, which means 21 for a weekly meal plan
• ability to use the cookbooks / search filters
• see the images for the meals (extra useful if you're looking for ideas for what to put on the meal plan)
• overview of the meal planner as you're adding to it

Please consider and list out some caveats or tradeoffs made in your design decision

The UX might be a bit worse for mobile, but the same approach is possible there as well.
I think this could be done with a toggle that enables the mealplanner on the search / cookbook views and would allow re-using existing views for the most part.
It would require showing all the meal slots in the meal planner, even if the slot is empty, so user can drag and drop the item there.

Additional Information

• If this is accepted I'm willing to submit a PR to provide this feature
• If this is accepted I'm willing to help maintain this feature
• I'm willing to sponsor/pay a developer to do this work