mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-01 04:10:06 -05:00
Code Issues Packages Projects Releases Wiki Activity

proper async loading

Browse Source
This commit is contained in:
vabene1111
2020-06-11 01:05:02 +02:00
parent f7e2aa9b83
commit 7e95e985ec
1 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
cookbook/templates/meal_plan.html
View File

@@ -210,28 +210,37 @@
},
mounted: function () {
console.log("MOUNTED")
this.getPlanEntries();
this.updatePlan();
this.getRecipes();
},
methods: { // TODO stop chain loading and do async
updatePlan: function () {
let planEntryPromise = this.getPlanEntries();
let planTypePromise = this.getPlanTypes();
Promise.allSettled([planEntryPromise, planTypePromise]).then(() => {
this.buildGrid()
})
},
getPlanEntries: function () {
this.$http.get("{% url 'api:mealplan-list' %}?html_week=" + this.week).then((response) => {
console.log("GET PLAN EXECUTED")
return this.$http.get("{% url 'api:mealplan-list' %}?html_week=" + this.week).then((response) => {
this.plan_entries = response.data;
this.getPlanTypes();
}).catch((err) => {
this.loading = false;
console.log(err);
})
},
getPlanTypes: function () {
this.$http.get("{% url 'api:mealtype-list' %}").then((response) => {
console.log("GET TYPE EXECUTED")
return this.$http.get("{% url 'api:mealtype-list' %}").then((response) => {
this.meal_types = response.data;
this.buildGrid();
}).catch((err) => {
console.log(err);
})
},
buildGrid: function () {
console.log("BUILD GRID EXECUTED")
console.log("BUILD GRID EXECUTED", this.plan_entries)
this.meal_plan = {}
for (let t of this.meal_types) {
@@ -250,10 +259,8 @@
}
}
for (let e of this.plan_entries) {
console.log(e.date)
this.meal_plan[e.meal_type].days[e.date].items.push(e)
}
this.getRecipes();
},
getRecipes: function () {
let url = "{% url 'api:recipe-list' %}?limit=5"
@@ -348,7 +355,7 @@
},
changeWeek: function (change) {
this.week = moment(this.week).add(change, 'w').format('YYYY-[W]WW')
this.getPlanEntries()
this.updatePlan();
}
}
});