Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-11-03 18:53:17 -05:00
Code Issues Packages Projects Releases Wiki Activity

Set up navigation warning while editing recipe

Browse Source
This commit is contained in:
Elijah Mock
2024-01-06 21:52:56 +00:00
parent 265313919c
commit 33870dc845
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/composables/recipe-page/shared-state.ts
View File

@@ -1,5 +1,6 @@
import { computed, ComputedRef, ref, Ref, useContext } from "@nuxtjs/composition-api"; import { computed, ComputedRef, ref, Ref, useContext } from "@nuxtjs/composition-api";
import { UserOut } from "~/lib/api/types/user"; import { UserOut } from "~/lib/api/types/user";
import { useNavigationWarning } from "~/composables/use-navigation-warning";
export enum PageMode { export enum PageMode {
EDIT = "EDIT", EDIT = "EDIT",
@@ -65,6 +66,8 @@ function pageRefs(slug: string) {
} }
function pageState({ slugRef, pageModeRef, editModeRef, imageKey }: PageRefs): PageState { function pageState({ slugRef, pageModeRef, editModeRef, imageKey }: PageRefs): PageState {
const { activateNavigationWarning, deactivateNavigationWarning } = useNavigationWarning();
const toggleEditMode = () => { const toggleEditMode = () => {
if (editModeRef.value === EditorMode.FORM) { if (editModeRef.value === EditorMode.FORM) {
editModeRef.value = EditorMode.JSON; editModeRef.value = EditorMode.JSON;
@@ -88,9 +91,14 @@ function pageState({ slugRef, pageModeRef, editModeRef, imageKey }: PageRefs): P
const setMode = (toMode: PageMode) => { const setMode = (toMode: PageMode) => {
const fromMode = pageModeRef.value; const fromMode = pageModeRef.value;
if (fromMode === PageMode.EDIT && toMode === PageMode.VIEW) { if (fromMode === PageMode.EDIT) {
if (toMode === PageMode.VIEW) {
setEditMode(EditorMode.FORM); setEditMode(EditorMode.FORM);
} }
deactivateNavigationWarning();
} else if (toMode === PageMode.EDIT) {
activateNavigationWarning();
}
pageModeRef.value = toMode; pageModeRef.value = toMode;
}; };