improved import page actions

This commit is contained in:
vabene1111
2025-01-19 19:28:26 +01:00
parent 1e5c656e51
commit 842f5bed81

View File

@@ -1,9 +1,9 @@
<template> <template>
<v-container> <v-container>
<v-row> <v-row >
<v-col> <v-col>
<v-stepper v-model="stepper"> <v-stepper v-model="stepper" >
<template v-slot:default="{ prev, next }"> <template v-slot:default="{ prev, next }">
<v-stepper-header> <v-stepper-header>
<v-stepper-item :title="$t('Import')" value="1"></v-stepper-item> <v-stepper-item :title="$t('Import')" value="1"></v-stepper-item>
@@ -18,8 +18,8 @@
</v-stepper-header> </v-stepper-header>
<v-stepper-window> <v-stepper-window>
<v-stepper-window-item value="1"> <v-stepper-window-item value="1" >
<v-card :loading="loading" > <v-card :loading="loading">
<v-card-text> <v-card-text>
<v-text-field :label="$t('Website') + ' (https://...)'" v-model="importUrl"> <v-text-field :label="$t('Website') + ' (https://...)'" v-model="importUrl">
<template #append> <template #append>
@@ -175,11 +175,6 @@
<v-number-input :label="$t('Servings')" v-model="importResponse.recipe.servings"></v-number-input> <v-number-input :label="$t('Servings')" v-model="importResponse.recipe.servings"></v-number-input>
<v-text-field :label="$t('ServingsText')" v-model="importResponse.recipe.servingsText"></v-text-field> <v-text-field :label="$t('ServingsText')" v-model="importResponse.recipe.servingsText"></v-text-field>
<v-textarea :label="$t('Description')" v-model="importResponse.recipe.description" clearable></v-textarea> <v-textarea :label="$t('Description')" v-model="importResponse.recipe.description" clearable></v-textarea>
<v-btn class="mt-5" size="large" @click="createRecipeFromImport()" color="success" :loading="loading || fileApiLoading">{{
$t('Import')
}}
</v-btn>
</v-col> </v-col>
</v-row> </v-row>
@@ -187,11 +182,14 @@
</v-stepper-window-item> </v-stepper-window-item>
</v-stepper-window> </v-stepper-window>
<v-stepper-actions @click:next="next" <v-stepper-actions >
@click:prev="prev" <template #prev>
:next-text="$t('Next')" <v-btn @click="stepper = (parseInt(stepper) - 1).toString()">Zurück</v-btn>
:prev-text="$t('Back')" </template>
:disabled="Object.keys(importResponse).length == 0"> <template #next>
<v-btn @click="stepper = (parseInt(stepper) + 1).toString()" :disabled="Object.keys(importResponse).length == 0" v-if="stepper != '5'">{{$t('Next')}}</v-btn>
<v-btn @click="createRecipeFromImport()" color="success" :disabled="false" v-if="stepper == '5'">{{$t('Import')}}</v-btn>
</template>
</v-stepper-actions> </v-stepper-actions>
</template> </template>