diff --git a/frontend/src/components/Recipe/ContextMenu.vue b/frontend/src/components/Recipe/ContextMenu.vue index 872421a81f15..0616e17517d9 100644 --- a/frontend/src/components/Recipe/ContextMenu.vue +++ b/frontend/src/components/Recipe/ContextMenu.vue @@ -8,15 +8,23 @@ ref="deleteRecipieConfirm" v-on:confirm="deleteRecipe()" /> - + @@ -39,6 +47,18 @@ export default { ConfirmationDialog, }, props: { + menuTop: { + type: Boolean, + default: true, + }, + fab: { + type: Boolean, + default: false, + }, + color: { + type: String, + default: "primary", + }, slug: { type: String, }, @@ -48,6 +68,10 @@ export default { name: { type: String, }, + cardMenu: { + type: Boolean, + default: true, + }, }, computed: { loggedIn() { @@ -118,7 +142,7 @@ export default { url: this.recipeURL, }) .then(() => console.log("Successful share")) - .catch(error => { + .catch((error) => { console.log("WebShareAPI not supported", error); this.updateClipboard(); }); diff --git a/frontend/src/components/Recipe/EditorButtonRow.vue b/frontend/src/components/Recipe/EditorButtonRow.vue deleted file mode 100644 index 54ac4a38906f..000000000000 --- a/frontend/src/components/Recipe/EditorButtonRow.vue +++ /dev/null @@ -1,97 +0,0 @@ - - - - - diff --git a/frontend/src/components/Recipe/RecipePageActionMenu.vue b/frontend/src/components/Recipe/RecipePageActionMenu.vue new file mode 100644 index 000000000000..563e6c5e701b --- /dev/null +++ b/frontend/src/components/Recipe/RecipePageActionMenu.vue @@ -0,0 +1,164 @@ + + + + + \ No newline at end of file diff --git a/frontend/src/pages/Recipe/NewRecipe.vue b/frontend/src/pages/Recipe/NewRecipe.vue index ebf1f86be973..bf4db2621aa3 100644 --- a/frontend/src/pages/Recipe/NewRecipe.vue +++ b/frontend/src/pages/Recipe/NewRecipe.vue @@ -10,7 +10,7 @@
- +
@@ -29,12 +29,12 @@ import { api } from "@/api"; import RecipeEditor from "@/components/Recipe/RecipeEditor"; import VJsoneditor from "v-jsoneditor"; -import EditorButtonRow from "@/components/Recipe/EditorButtonRow"; +import RecipePageActionMenu from "@/components/Recipe/RecipePageActionMenu"; export default { components: { VJsoneditor, RecipeEditor, - EditorButtonRow, + RecipePageActionMenu, }, data() { return { diff --git a/frontend/src/pages/Recipe/ViewRecipe.vue b/frontend/src/pages/Recipe/ViewRecipe.vue index b6138de510f4..5fdf2618130c 100644 --- a/frontend/src/pages/Recipe/ViewRecipe.vue +++ b/frontend/src/pages/Recipe/ViewRecipe.vue @@ -6,7 +6,7 @@ - @@ -42,7 +45,13 @@ height="1500px" :options="jsonEditorOptions" /> - +