Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 15:49:42 +02:00
Code Issues Releases Activity

refactor(frontend): 🚧 Migrate Dashboard to Nuxt

Browse source 
Add API and Functinality for Admin Dashboard. Stills needs to clean-up. See // TODO's
This commit is contained in:
hay-kot 2021-08-07 15:12:25 -08:00
parent 41a6916771
commit 9386cc320b
32 changed files with 671 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

65
frontend/composables/use-toast.ts Normal file
View file

@ -0,0 +1,65 @@
import { reactive } from "@nuxtjs/composition-api";
interface Toast {
open: boolean;
text: string;
title: string | null;
color: string;
}
export const toastAlert = reactive<Toast>({
open: false,
title: null,
text: "Hello From The Store",
color: "info",
});
export const toastLoading = reactive<Toast>({
open: false,
title: null,
text: "Importing Backup",
color: "success",
});
function setToast(toast: Toast, text: string, title: string | null, color: string) {
toast.open = true;
toast.text = text;
toast.title = title;
toast.color = color;
}
export const loader = {
info(text: string, title: string | null = null) {
setToast(toastLoading, text, title, "info");
},
success(text: string, title: string | null = null) {
setToast(toastLoading, text, title, "success");
},
error(text: string, title: string | null = null) {
setToast(toastLoading, text, title, "error");
},
warning(text: string, title: string | null = null) {
setToast(toastLoading, text, title, "warning");
},
close() {
toastLoading.open = false;
},
};
export const alert = {
info(text: string, title: string | null = null) {
setToast(toastAlert, text, title, "info");
},
success(text: string, title: string | null = null) {
setToast(toastAlert, text, title, "success");
},
error(text: string, title: string | null = null) {
setToast(toastAlert, text, title, "error");
},
warning(text: string, title: string | null = null) {
setToast(toastAlert, text, title, "warning");
},
close() {
toastAlert.open = false;
},
};