From 65513a8f6045f1d7a8225aab8cc3f135360eb402 Mon Sep 17 00:00:00 2001 From: Khuslen Misheel Date: Sat, 9 Dec 2023 15:19:40 -0500 Subject: [PATCH 1/3] Sorted by current day in meal plan --- cookbook/templates/base.html | 3 +- vue/src/apps/MealPlanView/MealPlanView.vue | 32 +++++++++++++--------- vue/src/components/RecipeContextMenu.vue | 1 + vue/src/components/print.css | 6 ++++ 4 files changed, 28 insertions(+), 14 deletions(-) create mode 100644 vue/src/components/print.css diff --git a/cookbook/templates/base.html b/cookbook/templates/base.html index 210492309..b0fae6027 100644 --- a/cookbook/templates/base.html +++ b/cookbook/templates/base.html @@ -86,11 +86,12 @@ {% endif %} {% endif %} - + + {% if request.user.userpreference.left_handed %} {% if not request.user.is_authenticated or request.user.userpreference.theme == request.user.userpreference.TANDOOR %} diff --git a/vue/src/apps/MealPlanView/MealPlanView.vue b/vue/src/apps/MealPlanView/MealPlanView.vue index 2f60ae01f..f870ee96d 100644 --- a/vue/src/apps/MealPlanView/MealPlanView.vue +++ b/vue/src/apps/MealPlanView/MealPlanView.vue @@ -363,20 +363,26 @@ export default { } }, mobileSimpleGrid() { - let grid = [] - - if (this.current_period !== null) { - for (const x of Array(7).keys()) { - let moment_date = moment(this.current_period.periodStart).add(x, "d") - grid.push({ - date: moment_date, - create_default_date: moment_date.format("YYYY-MM-DD"), // improve meal plan edit modal to do formatting itself and accept dates - date_label: moment_date.format("dd") + " " + moment_date.format("ll"), - plan_entries: this.plan_items.filter((m) => moment_date.isBetween(moment(m.startDate), moment(m.endDate), 'day', '[]')) - }) - } + let grid = []; + let currentDate = moment(); + for (let x = 0; x < 7; x++) { + let moment_date = currentDate.clone().add(x, "d"); + grid.push({ + date: moment_date, + create_default_date: moment_date.format("YYYY-MM-DD"), + date_label: moment_date.format("dd") + " " + moment_date.format("ll"), + plan_entries: this.plan_items.filter( + (m) => + moment_date.isBetween( + moment(m.startDate), + moment(m.endDate), + 'day', + '[]' + ) + ), + }); } - return grid + return grid; } }, mounted() { diff --git a/vue/src/components/RecipeContextMenu.vue b/vue/src/components/RecipeContextMenu.vue index bf22a952f..d52e3c52b 100644 --- a/vue/src/components/RecipeContextMenu.vue +++ b/vue/src/components/RecipeContextMenu.vue @@ -1,5 +1,6 @@