From 8a4f35e5928d620294b286b83f2529126429f810 Mon Sep 17 00:00:00 2001
From: Marcus Wolschon <Marcus@Wolschon.biz>
Date: Wed, 12 Jan 2022 11:37:08 +0100
Subject: [PATCH] #1093 Recipe link in plan

#1093 add a recipe link into meal plan
---
 vue/src/apps/MealPlanView/MealPlanView.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/vue/src/apps/MealPlanView/MealPlanView.vue b/vue/src/apps/MealPlanView/MealPlanView.vue
index a6fd2b124e..f9be02584f 100644
--- a/vue/src/apps/MealPlanView/MealPlanView.vue
+++ b/vue/src/apps/MealPlanView/MealPlanView.vue
@@ -129,6 +129,16 @@
                 >
                     <a class="dropdown-item p-2" href="javascript:void(0)"><i class="fas fa-pen"></i> {{ $t("Edit") }}</a>
                 </ContextMenuItem>
+                <ContextMenuItem
+                    @click="
+                    $refs.menu.close()
+                    recipe = contextData.originalItem.entry.recipe
+                    if (recipe != null) {
+                        navigateToURL(resolveDjangoUrl('view_recipe', recipe.id))
+                    }
+                    ">
+                    <a class="dropdown-item p-2" href="javascript:void(0)"><i class="fas fa-pizza-slice"></i> {{ $t("Recipe") }}</a>
+                </ContextMenuItem>
                 <ContextMenuItem
                     @click="
                         $refs.menu.close()
@@ -264,7 +274,7 @@ import moment from "moment"
 import draggable from "vuedraggable"
 import VueCookies from "vue-cookies"
 
-import { ApiMixin, StandardToasts } from "@/utils/utils"
+import { ApiMixin, StandardToasts, ResolveUrlMixin } from "@/utils/utils"
 import { CalendarView, CalendarMathMixin } from "vue-simple-calendar/src/components/bundle"
 import { ApiApiFactory } from "@/utils/openapi/api"
 
@@ -288,7 +298,7 @@ export default {
         EmojiInput,
         draggable,
     },
-    mixins: [CalendarMathMixin, ApiMixin],
+    mixins: [CalendarMathMixin, ApiMixin, ResolveUrlMixin],
     data: function () {
         return {
             showDate: new Date(),
@@ -411,6 +421,9 @@ export default {
         },
     },
     methods: {
+        navigateToURL: function(url) {
+            window.open(url)
+        },
         addToShopping(entry) {
             if (entry.originalItem.entry.recipe !== null) {
                 this.shopping_list.push(entry.originalItem.entry)