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

meal plan dialog

Browse Source
This commit is contained in:
vabene1111
2024-07-20 13:15:24 +02:00
parent 11b42470b6
commit 51f0f943f7
2 changed files with 43 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
vue3/src/components/dialogs/MealPlanDialog.vue
View File

@@ -19,12 +19,12 @@
prepend-inner-icon="$calendar"
></v-date-input>
<v-input >
<v-btn-group color="primary">
<v-btn @click="">-1</v-btn>
<v-btn @click="dateRangeValue = shiftDateRange(dateRangeValue, -1)"><-</v-btn>
<v-btn @click="dateRangeValue = shiftDateRange(dateRangeValue, +1)">-></v-btn>
<v-btn>+1</v-btn>
<v-input>
<v-btn-group elevation="1" class="w-100" divided border>
<v-btn class="w-25" @click="adjustDateRangeLength(dateRangeValue,-1)"><i class="fa-solid fa-minus"></i></v-btn>
<v-btn class="w-25" @click="dateRangeValue = shiftDateRange(dateRangeValue, -1)"><i class="fa-solid fa-angles-left"></i></v-btn>
<v-btn class="w-25" @click="dateRangeValue = shiftDateRange(dateRangeValue, +1)"><i class="fa-solid fa-angles-right"></i></v-btn>
<v-btn class="w-25" @click="adjustDateRangeLength(dateRangeValue,+1)"><i class="fa-solid fa-plus"></i></v-btn>
</v-btn-group>
</v-input>
@@ -69,7 +69,7 @@ import {VNumberInput} from 'vuetify/labs/VNumberInput' //TODO remove once compon
import {VDateInput} from 'vuetify/labs/VDateInput' //TODO remove once component is out of labs
import ModelSelect from "@/components/inputs/ModelSelect.vue";
import {useMessageStore} from "@/stores/MessageStore";
import {shiftDateRange} from "@/utils/date_utils";
import {adjustDateRangeLength, shiftDateRange} from "@/utils/date_utils";
const props = defineProps(
{
@@ -88,7 +88,7 @@ if (props.mealPlan != undefined) {
/**
* once dialog is opened check if a meal plan prop is given, if so load it as the default values
*/
watch(dialog,() => {
watch(dialog, () => {
if (dialog.value && props.mealPlan != undefined) {
mutableMealPlan.value = props.mealPlan
@@ -105,6 +105,9 @@ watch(dialog,() => {
}
});
/**
* save meal plan into DB, parsing values from dateRange into meal plan object
*/
function saveMealPlan() {
if (mutableMealPlan.value != undefined) {
@@ -126,7 +129,11 @@ function saveMealPlan() {
}
}
/**
* create new meal plan on current date
*/
function newMealPlan() {
// TODO load default meal type and shared users
return {
fromDate: DateTime.now().toJSDate(),
toDate: DateTime.now().toJSDate(),

31
vue3/src/utils/date_utils.ts
View File

@@ -2,13 +2,38 @@ import {DateTime} from "luxon";
/**
* shifts a range of dates/any array of dates by the number of days given in the day modifier (can be positive or negative)
* @param dateRange
* @param dayModifier
* @param dateRange array of dates
* @param dayModifier number of days to modify array of dates with
* @return dateRange array of dates modified
*/
export function shiftDateRange(dateRange: Date[], dayModifier: number){
export function shiftDateRange(dateRange: Date[], dayModifier: number) {
let newDateRange: Date[] = []
dateRange.forEach(date => {
newDateRange.push(DateTime.fromJSDate(date).plus({'days': dayModifier}).toJSDate())
})
return newDateRange
}
/**
* adjust the length of a date range by either adding or removing the given number of days
* when adding days to an empty date Range it starts with the current date
* @param dateRange array of dates
* @param dayModifier number of days to modify array of dates with
* @return dateRange sorted array of dates modified
*/
export function adjustDateRangeLength(dateRange: Date[], dayModifier: number) {
dateRange = dateRange.sort((a: Date, b: Date) => a.getTime() - b.getTime());
if (dayModifier < 0) {
dateRange.splice(dateRange.length - Math.abs(dayModifier), Math.abs(dayModifier))
} else {
if (dateRange.length == 0) {
dateRange.push(new Date())
} else {
let lastDate = DateTime.fromJSDate(dateRange[dateRange.length - 1])
for (let i = 0; i < dayModifier; i++) {
dateRange.push(lastDate.plus({'days': (i + 1)}).toJSDate())
}
}
}
return dateRange
}