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

basic meal plan settings

Browse Source
This commit is contained in:
vabene1111
2024-09-21 14:17:13 +02:00
parent ce869950c3
commit cd93d9c697
38 changed files with 493 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
vue3/src/components/settings/MealPlanSettings.vue
View File

@@ -1,19 +1,101 @@
<template>
<v-form>
<p class="text-h6">{{ $t('Cosmetic') }}</p>
<p class="text-h6">{{ $t('Meal_Plan') }}</p>
<v-divider class="mb-3"></v-divider>
<ModelSelect :hint="$t('plan_share_desc')" :label="$t('Share')" model="User" :allow-create="false"
v-model="useUserPreferenceStore().userSettings.planShare" item-label="displayName"
mode="tags"></ModelSelect>
<v-btn class="mt-3" color="success" @click="useUserPreferenceStore().updateUserSettings()" prepend-icon="$save">{{ $t('Save') }}</v-btn>
<p class="text-h6 mt-2">{{ $t('DeviceSettings') }}</p>
<v-divider></v-divider>
<p class="text-subtitle-2 mb-2">{{ $t('DeviceSettingsHelp') }}</p>
<v-select v-model="useUserPreferenceStore().deviceSettings.mealplan_displayPeriod" :label="$t('Period')" :hint="$t('Plan_Period_To_Show')" :items="MEALPLAN_PERIODS"
persistent-hint></v-select>
<v-select v-model="useUserPreferenceStore().deviceSettings.mealplan_displayPeriodCount" :label="$t('Periods')" :hint="$t('Plan_Show_How_Many_Periods')"
:items="MEALPLAN_PERIOD_COUNTS" persistent-hint></v-select>
<v-select v-model="useUserPreferenceStore().deviceSettings.mealplan_startingDayOfWeek" :label="$t('Starting_Day')" :hint="$t('Starting_Day')"
:items="MEALPLAN_STARTING_DAYS" persistent-hint></v-select>
<v-checkbox v-model="useUserPreferenceStore().deviceSettings.mealplan_displayWeekNumbers" :label="$t('Week_Numbers')" :hint="$t('Show_Week_Numbers')"
persistent-hint></v-checkbox>
<p class="text-h6 mt-2">{{ $t('Meal_Types') }}
<v-btn prepend-icon="$create" color="create" size="small" class="float-right">
{{ $t('New') }}
<model-editor-dialog model="MealType" @create="item => mealTypes.push(item)" @delete="deleteMealType"></model-editor-dialog>
</v-btn>
</p>
<v-divider></v-divider>
<v-list class="mt-2">
<v-list-item v-for="mt in mealTypes">
<v-avatar :color="mt.color"></v-avatar>
{{ mt.name }}
<template #append>
<v-btn color="edit">
<v-icon icon="$edit"></v-icon>
<model-editor-dialog model="MealType" :item="mt" @delete="deleteMealType"></model-editor-dialog>
</v-btn>
</template>
</v-list-item>
</v-list>
<v-btn class="mt-3" color="success" @click="useUserPreferenceStore().updateUserSettings()" prepend-icon="$save">{{$t('Save')}}</v-btn>
</v-form>
</template>
<script setup lang="ts">
import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
import ModelSelect from "@/components/inputs/ModelSelect.vue";
import {useI18n} from "vue-i18n";
import {onMounted, ref} from "vue";
import {ApiApi, MealType} from "@/openapi";
import {ErrorMessageType, useMessageStore} from "@/stores/MessageStore";
import ModelEditorDialog from "@/components/dialogs/ModelEditorDialog.vue";
const {t} = useI18n()
const MEALPLAN_PERIODS = ref([
{title: t("Week"), value: "week"},
{title: t("Month"), value: "month"},
{title: t("Year"), value: "year"},
])
const MEALPLAN_STARTING_DAYS = ref([
{title: t("Sunday"), value: 0},
{title: t("Monday"), value: 1},
{title: t("Tuesday"), value: 2},
{title: t("Wednesday"), value: 3},
{title: t("Thursday"), value: 4},
{title: t("Friday"), value: 5},
{title: t("Saturday"), value: 6},
])
const MEALPLAN_PERIOD_COUNTS = ref([1, 2, 3, 4])
const mealTypes = ref([] as MealType[])
onMounted(() => {
const api = new ApiApi()
api.apiMealTypeList().then(r => {
mealTypes.value = r.results
}).catch(err => {
useMessageStore().addError(ErrorMessageType.FETCH_ERROR, err)
})
})
/**
* delete mealtype from client list (database handled by editor)
* @param mealType to delete from list
*/
function deleteMealType(mealType: MealType){
mealTypes.value.splice(mealTypes.value.indexOf(mealType), 1)
}
</script>
<style scoped>