update dependencies and improved/fixed meal plan date picker

This commit is contained in:
vabene1111
2025-04-18 13:13:13 +02:00
parent f576aa34e4
commit d7f37e8293
21 changed files with 632 additions and 732 deletions

View File

@@ -36,7 +36,6 @@ import {Automation} from "@/openapi";
import ModelEditorBase from "@/components/model_editors/ModelEditorBase.vue";
import {useModelEditorFunctions} from "@/composables/useModelEditorFunctions";
import {useI18n} from "vue-i18n";
import {VNumberInput} from "vuetify/labs/VNumberInput";
const {t} = useI18n()

View File

@@ -121,7 +121,6 @@ import {computed, onMounted, PropType, ref, watch} from "vue";
import {ApiApi, Food, Unit, UnitConversion} from "@/openapi";
import {ErrorMessageType, useMessageStore} from "@/stores/MessageStore";
import ModelSelect from "@/components/inputs/ModelSelect.vue";
import {VNumberInput} from 'vuetify/labs/VNumberInput'
import ModelEditDialog from "@/components/dialogs/ModelEditDialog.vue";
import ModelEditorBase from "@/components/model_editors/ModelEditorBase.vue";
import {useModelEditorFunctions} from "@/composables/useModelEditorFunctions";

View File

@@ -27,6 +27,10 @@
<v-text-field :label="$t('Title')" v-model="editingObj.title"></v-text-field>
<v-date-input
v-model="dateRangeValue"
@update:modelValue="updateDate()"
:display-format="(date: Date) => DateTime.fromJSDate(date).toLocaleString()"
:first-day-of-week="useUserPreferenceStore().deviceSettings.mealplan_startingDayOfWeek"
:show-week="useUserPreferenceStore().deviceSettings.mealplan_displayWeekNumbers"
:label="$t('Date')"
multiple="range"
prepend-icon=""
@@ -99,7 +103,6 @@ import ModelEditorBase from "@/components/model_editors/ModelEditorBase.vue";
import {useModelEditorFunctions} from "@/composables/useModelEditorFunctions";
import {DateTime} from "luxon";
import {adjustDateRangeLength, shiftDateRange} from "@/utils/date_utils";
import {VNumberInput} from "vuetify/labs/VNumberInput";
import ModelSelect from "@/components/inputs/ModelSelect.vue";
import RecipeCard from "@/components/display/RecipeCard.vue";
import {VDateInput} from "vuetify/labs/VDateInput";
@@ -225,6 +228,11 @@ function initializeDateRange() {
}
}
function formatDate(date: Date) {
console.log('called date format')
return DateTime.fromJSDate(date).toLocaleString()
}
</script>
<style scoped>

View File

@@ -29,7 +29,6 @@ import {onMounted, PropType} from "vue";
import {Property} from "@/openapi";
import ModelSelect from "@/components/inputs/ModelSelect.vue";
import {VNumberInput} from 'vuetify/labs/VNumberInput' //TODO remove once component is out of labs
import ModelEditorBase from "@/components/model_editors/ModelEditorBase.vue";
import {useModelEditorFunctions} from "@/composables/useModelEditorFunctions";

View File

@@ -31,7 +31,6 @@ import {onMounted, PropType, ref} from "vue";
import {PropertyType} from "@/openapi";
import ModelEditorBase from "@/components/model_editors/ModelEditorBase.vue";
import {useModelEditorFunctions} from "@/composables/useModelEditorFunctions";
import {VNumberInput} from "vuetify/labs/VNumberInput";
import {FDC_PROPERTY_TYPES} from "@/utils/fdc";
const props = defineProps({

View File

@@ -58,7 +58,6 @@
<script setup lang="ts">
import {VNumberInput} from 'vuetify/labs/VNumberInput'
import {onMounted, PropType, ref} from "vue";
import {ApiApi, Recipe, RecipeBook, RecipeBookEntry, User} from "@/openapi";
import {VDataTableUpdateOptions} from "@/vuetify";

View File

@@ -37,7 +37,6 @@ import {onMounted, PropType} from "vue";
import {ShoppingListEntry} from "@/openapi";
import ModelEditorBase from "@/components/model_editors/ModelEditorBase.vue";
import {useModelEditorFunctions} from "@/composables/useModelEditorFunctions";
import {VNumberInput} from "vuetify/labs/VNumberInput";
import ModelSelect from "@/components/inputs/ModelSelect.vue";
const props = defineProps({

View File

@@ -51,7 +51,6 @@ import {onMounted, PropType} from "vue";
import {UnitConversion} from "@/openapi";
import ModelSelect from "@/components/inputs/ModelSelect.vue";
import {VNumberInput} from 'vuetify/labs/VNumberInput' //TODO remove once component is out of labs
import {useModelEditorFunctions} from "@/composables/useModelEditorFunctions";
import ModelEditorBase from "@/components/model_editors/ModelEditorBase.vue";