86c99b10a2
* Activate more linting rules from eslint and typescript * Properly add VForm as type information * Fix usage of native types * Fix more linting issues * Rename vuetify types file, add VTooltip * Fix some more typing problems * Use composition API for more components * Convert RecipeRating * Convert RecipeNutrition * Convert more components to composition API * Fix globals plugin for type checking * Add missing icon types * Fix vuetify types in Nuxt context * Use composition API for RecipeActionMenu * Convert error.vue to composition API * Convert RecipeContextMenu to composition API * Use more composition API and type checking in recipe/create * Convert AppButtonUpload to composition API * Fix some type checking in RecipeContextMenu * Remove unused components BaseAutoForm and BaseColorPicker * Convert RecipeCategoryTagDialog to composition API * Convert RecipeCardSection to composition API * Convert RecipeCategoryTagSelector to composition API * Properly import vuetify type definitions * Convert BaseButton to composition API * Convert AutoForm to composition API * Remove unused requests API file * Remove static routes from recipe API * Fix more type errors * Convert AppHeader to composition API, fixing some search bar focus problems * Convert RecipeDialogSearch to composition API * Update API types from pydantic models, handle undefined values * Improve more typing problems * Add types to other plugins * Properly type the CRUD API access * Fix typing of static image routes * Fix more typing stuff * Fix some more typing problems * Turn off more rules
101 lines
2.6 KiB
TypeScript
101 lines
2.6 KiB
TypeScript
import { useAsync, ref, Ref, watch } from "@nuxtjs/composition-api";
|
|
import { format } from "date-fns";
|
|
import { useAsyncKey } from "./use-utils";
|
|
import { useUserApi } from "~/composables/api";
|
|
import { CreateMealPlan, UpdateMealPlan } from "~/api/class-interfaces/group-mealplan";
|
|
|
|
export type MealType = "breakfast" | "lunch" | "dinner" | "snack";
|
|
|
|
export const planTypeOptions = [
|
|
{ text: "Breakfast", value: "breakfast" },
|
|
{ text: "Lunch", value: "lunch" },
|
|
{ text: "Dinner", value: "dinner" },
|
|
{ text: "Snack", value: "snack" },
|
|
];
|
|
|
|
export interface DateRange {
|
|
start: Date;
|
|
end: Date;
|
|
}
|
|
|
|
export const useMealplans = function (range: Ref<DateRange>) {
|
|
const api = useUserApi();
|
|
const loading = ref(false);
|
|
const validForm = ref(true);
|
|
|
|
const actions = {
|
|
getAll() {
|
|
loading.value = true;
|
|
const units = useAsync(async () => {
|
|
const query = {
|
|
start: format(range.value.start, "yyyy-MM-dd"),
|
|
limit: format(range.value.end, "yyyy-MM-dd"),
|
|
};
|
|
// @ts-ignore
|
|
const { data } = await api.mealplans.getAll(query.start, query.limit);
|
|
|
|
return data;
|
|
}, useAsyncKey());
|
|
|
|
loading.value = false;
|
|
return units;
|
|
},
|
|
async refreshAll(this: void) {
|
|
loading.value = true;
|
|
const query = {
|
|
start: format(range.value.start, "yyyy-MM-dd"),
|
|
limit: format(range.value.end, "yyyy-MM-dd"),
|
|
};
|
|
// @ts-ignore
|
|
const { data } = await api.mealplans.getAll(query.start, query.limit);
|
|
|
|
if (data) {
|
|
mealplans.value = data;
|
|
}
|
|
|
|
loading.value = false;
|
|
},
|
|
async createOne(payload: CreateMealPlan) {
|
|
loading.value = true;
|
|
|
|
const { data } = await api.mealplans.createOne(payload);
|
|
if (data) {
|
|
this.refreshAll();
|
|
}
|
|
|
|
loading.value = false;
|
|
},
|
|
async updateOne(updateData: UpdateMealPlan) {
|
|
if (!updateData.id) {
|
|
return;
|
|
}
|
|
|
|
loading.value = true;
|
|
// @ts-ignore
|
|
const { data } = await api.mealplans.updateOne(updateData.id, updateData);
|
|
if (data) {
|
|
this.refreshAll();
|
|
}
|
|
loading.value = false;
|
|
},
|
|
|
|
async deleteOne(id: string | number) {
|
|
loading.value = true;
|
|
const { data } = await api.mealplans.deleteOne(id);
|
|
if (data) {
|
|
this.refreshAll();
|
|
}
|
|
},
|
|
|
|
async setType(payload: UpdateMealPlan, typ: MealType) {
|
|
payload.entryType = typ;
|
|
await this.updateOne(payload);
|
|
},
|
|
};
|
|
|
|
const mealplans = actions.getAll();
|
|
|
|
watch(range, actions.refreshAll);
|
|
|
|
return { mealplans, actions, validForm, loading };
|
|
};
|