cgiacofei/TandoorRecipes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update meal-plan API on MealPlanStore

Browse Source
This commit is contained in:
smilerz
2023-12-17 15:02:20 -06:00
parent 205bf5253d
commit a59a78f44c
1 changed files with 45 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
vue/src/stores/MealPlanStore.js
View File

@ -1,14 +1,14 @@
import {defineStore} from 'pinia' import { ApiApiFactory } from "@/utils/openapi/api"
import {ApiApiFactory} from "@/utils/openapi/api"; import { StandardToasts } from "@/utils/utils"
import { defineStore } from "pinia"
const _STORE_ID = 'meal_plan_store'
const _LOCAL_STORAGE_KEY = 'MEAL_PLAN_CLIENT_SETTINGS'
import Vue from "vue" import Vue from "vue"
import {StandardToasts} from "@/utils/utils";
const _STORE_ID = "meal_plan_store"
const _LOCAL_STORAGE_KEY = "MEAL_PLAN_CLIENT_SETTINGS"
/* /*
* test store to play around with pinia and see if it can work for my usecases * test store to play around with pinia and see if it can work for my usecases
* dont trust that all mealplans are in store as there is no cache validation logic, its just a shared data holder * dont trust that all mealplans are in store as there is no cache validation logic, its just a shared data holder
* */ * */
export const useMealPlanStore = defineStore(_STORE_ID, { export const useMealPlanStore = defineStore(_STORE_ID, {
state: () => ({ state: () => ({
plans: {}, plans: {},
@ -19,7 +19,7 @@ export const useMealPlanStore = defineStore(_STORE_ID, {
plan_list: function () { plan_list: function () {
let plan_list = [] let plan_list = []
for (let key in this.plans) { for (let key in this.plans) {
plan_list.push(this.plans[key]); plan_list.push(this.plans[key])
} }
return plan_list return plan_list
}, },
@ -35,7 +35,7 @@ export const useMealPlanStore = defineStore(_STORE_ID, {
servings: 1, servings: 1,
shared: [], shared: [],
title: "", title: "",
title_placeholder: 'Title', // meal plan edit modal should be improved to not need this title_placeholder: "Title", // meal plan edit modal should be improved to not need this
} }
}, },
client_settings: function () { client_settings: function () {
@ -43,7 +43,7 @@ export const useMealPlanStore = defineStore(_STORE_ID, {
this.settings = this.loadClientSettings() this.settings = this.loadClientSettings()
} }
return this.settings return this.settings
} },
}, },
actions: { actions: {
refreshFromAPI(from_date, to_date) { refreshFromAPI(from_date, to_date) {
@ -51,14 +51,12 @@ export const useMealPlanStore = defineStore(_STORE_ID, {
this.currently_updating = [from_date, to_date] // certainly no perfect check but better than nothing this.currently_updating = [from_date, to_date] // certainly no perfect check but better than nothing
let options = { let options = {
query: {
from_date: from_date, from_date: from_date,
to_date: to_date, to_date: to_date,
},
} }
let apiClient = new ApiApiFactory() let apiClient = new ApiApiFactory()
apiClient.listMealPlans(options).then(r => { apiClient.listMealPlans(options).then((r) => {
r.data.forEach((p) => { r.data.forEach((p) => {
Vue.set(this.plans, p.id, p) Vue.set(this.plans, p.id, p)
}) })
@ -68,29 +66,38 @@ export const useMealPlanStore = defineStore(_STORE_ID, {
}, },
createObject(object) { createObject(object) {
let apiClient = new ApiApiFactory() let apiClient = new ApiApiFactory()
return apiClient.createMealPlan(object).then(r => { return apiClient
.createMealPlan(object)
.then((r) => {
//StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_CREATE) //StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_CREATE)
Vue.set(this.plans, r.data.id, r.data) Vue.set(this.plans, r.data.id, r.data)
return r return r
}).catch(err => { })
.catch((err) => {
StandardToasts.makeStandardToast(this, StandardToasts.FAIL_CREATE, err) StandardToasts.makeStandardToast(this, StandardToasts.FAIL_CREATE, err)
}) })
}, },
updateObject(object) { updateObject(object) {
let apiClient = new ApiApiFactory() let apiClient = new ApiApiFactory()
return apiClient.updateMealPlan(object.id, object).then(r => { return apiClient
.updateMealPlan(object.id, object)
.then((r) => {
//StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_UPDATE) //StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_UPDATE)
Vue.set(this.plans, object.id, object) Vue.set(this.plans, object.id, object)
}).catch(err => { })
.catch((err) => {
StandardToasts.makeStandardToast(this, StandardToasts.FAIL_UPDATE, err) StandardToasts.makeStandardToast(this, StandardToasts.FAIL_UPDATE, err)
}) })
}, },
deleteObject(object) { deleteObject(object) {
let apiClient = new ApiApiFactory() let apiClient = new ApiApiFactory()
return apiClient.destroyMealPlan(object.id).then(r => { return apiClient
.destroyMealPlan(object.id)
.then((r) => {
//StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_DELETE) //StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_DELETE)
Vue.delete(this.plans, object.id) Vue.delete(this.plans, object.id)
}).catch(err => { })
.catch((err) => {
StandardToasts.makeStandardToast(this, StandardToasts.FAIL_DELETE, err) StandardToasts.makeStandardToast(this, StandardToasts.FAIL_DELETE, err)
}) })
}, },
@ -110,6 +117,6 @@ export const useMealPlanStore = defineStore(_STORE_ID, {
} else { } else {
return JSON.parse(s) return JSON.parse(s)
} }
} },
}, },
}) })