Cutlery/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-09 03:04:54 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: Reorder ShoppingListItemEditor (#4200)

Browse Source
This commit is contained in:
Kuchenpirat 2024-09-12 16:07:26 +02:00 committed by GitHub
parent c97053ef83
commit 6f1df3a95e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/components/Domain/ShoppingList/ShoppingListItemEditor.vue
View File

@ -3,14 +3,9 @@
<v-card outlined> <v-card outlined>
<v-card-text class="pb-3 pt-1"> <v-card-text class="pb-3 pt-1">
<div v-if="listItem.isFood" class="d-md-flex align-center mb-2" style="gap: 20px"> <div v-if="listItem.isFood" class="d-md-flex align-center mb-2" style="gap: 20px">
<InputLabelType <div>
v-model="listItem.food" <InputQuantity v-model="listItem.quantity" />
:items="foods" </div>
:item-id.sync="listItem.foodId"
:label="$t('shopping-list.food')"
:icon="$globals.icons.foods"
@create="createAssignFood"
/>
<InputLabelType <InputLabelType
v-model="listItem.unit" v-model="listItem.unit"
:items="units" :items="units"
@ -19,8 +14,20 @@
:icon="$globals.icons.units" :icon="$globals.icons.units"
@create="createAssignUnit" @create="createAssignUnit"
/> />
<InputLabelType
v-model="listItem.food"
:items="foods"
:item-id.sync="listItem.foodId"
:label="$t('shopping-list.food')"
:icon="$globals.icons.foods"
@create="createAssignFood"
/>
</div> </div>
<div class="d-md-flex align-center" style="gap: 20px"> <div class="d-md-flex align-center" style="gap: 20px">
<div v-if="!listItem.isFood">
<InputQuantity v-model="listItem.quantity" />
</div>
<v-textarea <v-textarea
v-model="listItem.note" v-model="listItem.note"
hide-details hide-details
@ -32,9 +39,7 @@
</div> </div>
<div class="d-flex flex-wrap align-end" style="gap: 20px"> <div class="d-flex flex-wrap align-end" style="gap: 20px">
<div class="d-flex align-end"> <div class="d-flex align-end">
<div>
<InputQuantity v-model="listItem.quantity" />
</div>
<div style="max-width: 300px" class="mt-3 mr-auto"> <div style="max-width: 300px" class="mt-3 mr-auto">
<InputLabelType <InputLabelType
v-model="listItem.label" v-model="listItem.label"