From 0399763888d0a33684c2a5e541e192b706492408 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Thu, 19 Dec 2024 21:22:39 +0100
Subject: [PATCH] new recipe fix

---
 vue3/src/apps/tandoor/Tandoor.vue                 |  2 +-
 .../src/components/model_editors/RecipeEditor.vue | 15 ++++++++++-----
 vue3/src/composables/useModelEditorFunctions.ts   |  2 ++
 vue3/src/pages/StartPage.vue                      |  2 +-
 vue3/src/stores/MessageStore.ts                   |  1 +
 5 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/vue3/src/apps/tandoor/Tandoor.vue b/vue3/src/apps/tandoor/Tandoor.vue
index ccb93a05c..21fd1dbcc 100644
--- a/vue3/src/apps/tandoor/Tandoor.vue
+++ b/vue3/src/apps/tandoor/Tandoor.vue
@@ -10,7 +10,7 @@
                 <v-icon icon="$add"></v-icon>
                 <v-menu activator="parent">
                     <v-list>
-                        <v-list-item prepend-icon="$add" :to="{ name: 'ModelEditPage', params: {model: 'Recipe'} }">{{ $t('Create Recipe') }}</v-list-item>
+                        <v-list-item prepend-icon="$add" :to="{ name: 'ModelEditPage', params: {model: 'recipe'} }">{{ $t('Create Recipe') }}</v-list-item>
                         <v-list-item prepend-icon="fa-solid fa-globe" :to="{ name: 'RecipeImportPage', params: {} }">{{ $t('Import Recipe') }}</v-list-item>
                     </v-list>
                 </v-menu>
diff --git a/vue3/src/components/model_editors/RecipeEditor.vue b/vue3/src/components/model_editors/RecipeEditor.vue
index f05c424ee..f9a80b6c4 100644
--- a/vue3/src/components/model_editors/RecipeEditor.vue
+++ b/vue3/src/components/model_editors/RecipeEditor.vue
@@ -75,7 +75,7 @@
                 <v-tabs-window-item value="properties">
                     <v-form :disabled="loading">
                         <v-alert class="mb-2" icon="$help">{{ $t('PropertiesFoodHelp') }}</v-alert>
-                        <properties-editor  v-model="editingObj.properties" :amount-for="$t('Serving')"></properties-editor>
+                        <properties-editor v-model="editingObj.properties" :amount-for="$t('Serving')"></properties-editor>
                     </v-form>
                 </v-tabs-window-item>
                 <v-tabs-window-item value="settings">
@@ -100,7 +100,8 @@
             <v-list>
                 <vue-draggable handle=".drag-handle" v-model="editingObj.steps" :on-sort="sortSteps">
                     <v-list-item v-for="(s,i) in editingObj.steps" :key="s.id">
-                         <v-chip color="primary">{{ i + 1 }}</v-chip> {{s.name}}
+                        <v-chip color="primary">{{ i + 1 }}</v-chip>
+                        {{ s.name }}
                         <template #append>
                             <v-icon class="drag-handle" icon="$dragHandle"></v-icon>
                         </template>
@@ -115,7 +116,7 @@
 <script setup lang="ts">
 
 import {onMounted, PropType, ref} from "vue";
-import {Recipe} from "@/openapi";
+import {Recipe, Step} from "@/openapi";
 import ModelEditorBase from "@/components/model_editors/ModelEditorBase.vue";
 import {useModelEditorFunctions} from "@/composables/useModelEditorFunctions";
 import {useI18n} from "vue-i18n";
@@ -140,13 +141,17 @@ const tab = ref("recipe")
 const dialogStepManager = ref(false)
 
 onMounted(() => {
-    setupState(props.item, props.itemId)
+    setupState(props.item, props.itemId, {
+        newItemFunction: () => {
+            editingObj.value.steps = [] as Step[]
+        }
+    })
 })
 
 /**
  * called by draggable in step manager dialog when steps are sorted
  */
-function sortSteps(){
+function sortSteps() {
     editingObj.value.steps.forEach((value, index) => {
         value.order = index
     })
diff --git a/vue3/src/composables/useModelEditorFunctions.ts b/vue3/src/composables/useModelEditorFunctions.ts
index 461d0c269..cd16b0b5a 100644
--- a/vue3/src/composables/useModelEditorFunctions.ts
+++ b/vue3/src/composables/useModelEditorFunctions.ts
@@ -145,6 +145,7 @@ export function useModelEditorFunctions<T>(modelName: EditorSupportedModels, emi
                 editingObj.value = r
                 useMessageStore().addPreparedMessage(PreparedMessage.UPDATE_SUCCESS)
             }).catch((err: any) => {
+                console.error(err)
                 useMessageStore().addError(ErrorMessageType.UPDATE_ERROR, err)
             }).finally(() => {
                 loading.value = false
@@ -155,6 +156,7 @@ export function useModelEditorFunctions<T>(modelName: EditorSupportedModels, emi
                 editingObj.value = r
                 useMessageStore().addPreparedMessage(PreparedMessage.CREATE_SUCCESS)
             }).catch((err: any) => {
+                console.error(err)
                 useMessageStore().addError(ErrorMessageType.CREATE_ERROR, err)
             }).finally(() => {
                 loading.value = false
diff --git a/vue3/src/pages/StartPage.vue b/vue3/src/pages/StartPage.vue
index c8228d2d7..d6e91fefc 100644
--- a/vue3/src/pages/StartPage.vue
+++ b/vue3/src/pages/StartPage.vue
@@ -6,7 +6,7 @@
             <v-card-title><i class="fa-solid fa-eye-slash"></i> {{ $t('search_no_recipes') }}</v-card-title>
             <v-card-text>
                 <v-btn-group divided>
-                    <v-btn size="large" color="success" prepend-icon="$create" :to="{ name: 'ModelEditPage', params: {model: 'Recipe'} }">{{ $t('Create Recipe') }}</v-btn>
+                    <v-btn size="large" color="success" prepend-icon="$create" :to="{ name: 'ModelEditPage', params: {model: 'recipe'} }">{{ $t('Create Recipe') }}</v-btn>
                     <v-btn size="large" color="primary" prepend-icon="fa-solid fa-globe" :to="{ name: 'RecipeImportPage', params: {} }">{{ $t('Import Recipe') }}</v-btn>
                 </v-btn-group>
             </v-card-text>
diff --git a/vue3/src/stores/MessageStore.ts b/vue3/src/stores/MessageStore.ts
index 6f41a3d0c..f0591c561 100644
--- a/vue3/src/stores/MessageStore.ts
+++ b/vue3/src/stores/MessageStore.ts
@@ -4,6 +4,7 @@ import {useStorage} from "@vueuse/core";
 import {DateTime} from "luxon";
 import {ResponseError} from "@/openapi";
 import {useI18n} from "vue-i18n";
+import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
 
 /** @enum {string} different message types */
 export enum MessageType {