Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-05 13:35:23 +02:00
Code Issues Releases Activity

feat(frontend): ✨ Fractional Scaling

Browse source
This commit is contained in:
hay-kot 2021-08-27 20:05:02 -08:00
parent d1a7ec3b95
commit 5ba337ab11
11 changed files with 306 additions and 126 deletions
Download patch file Download diff file Expand all files Collapse all files

27
frontend/composables/use-recipe-foods.ts
View file

@ -1,8 +1,10 @@
import { useAsync, ref, reactive } from "@nuxtjs/composition-api";
import { useAsync, ref, reactive, Ref } from "@nuxtjs/composition-api";
import { useAsyncKey } from "./use-utils";
import { useApiSingleton } from "~/composables/use-api";
import { Food } from "~/api/class-interfaces/recipe-foods";
let foodStore: Ref<Food[] | null> | null = null;
export const useFoods = function () {
const api = useApiSingleton();
const loading = ref(false);
@ -23,15 +25,15 @@ export const useFoods = function () {
return data;
}, useAsyncKey());
loading.value = false
loading.value = false;
return units;
},
async refreshAll() {
loading.value = true;
const { data } = await api.foods.getAll();
if (data) {
foods.value = data;
if (data && foodStore) {
foodStore.value = data;
}
loading.value = false;
@ -44,8 +46,8 @@ export const useFoods = function () {
loading.value = true;
const { data } = await api.foods.createOne(workingFoodData);
if (data && foods.value) {
foods.value.push(data);
if (data && foodStore?.value) {
foodStore.value.push(data);
} else {
this.refreshAll();
}
@ -61,7 +63,7 @@ export const useFoods = function () {
loading.value = true;
const { data } = await api.foods.updateOne(workingFoodData.id, workingFoodData);
if (data && foods.value) {
if (data && foodStore?.value) {
this.refreshAll();
}
loading.value = false;
@ -69,7 +71,7 @@ export const useFoods = function () {
async deleteOne(id: string | number) {
loading.value = true;
const { data } = await api.foods.deleteOne(id);
if (data && foods.value) {
if (data && foodStore?.value) {
this.refreshAll();
}
},
@ -83,9 +85,14 @@ export const useFoods = function () {
workingFoodData.name = item.name;
workingFoodData.description = item.description;
},
flushStore() {
foodStore = null;
},
};
const foods = actions.getAll();
if (!foodStore) {
foodStore = actions.getAll();
}
return { foods, workingFoodData, deleteTargetId, actions, validForm };
return { foods: foodStore, workingFoodData, deleteTargetId, actions, validForm };
};