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

improved step sorting

Browse Source
This commit is contained in:
vabene1111
2025-09-20 10:53:44 +02:00
parent e693737c57
commit 8e2726caeb
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
vue3/src/components/inputs/StepEditor.vue
View File

@@ -1,7 +1,5 @@
<template>
<!--TODO name, time, recipe, file(s), ingredients, quick add ingredients -->
<v-card variant="outlined">
<template #title>
<v-card-title>
@@ -28,6 +26,9 @@
<v-list-item link>
<v-switch v-model="step.showAsHeader" :label="$t('Show_as_header')" hide-details></v-switch>
</v-list-item>
<v-list-item @click="emit('move')" prepend-icon="fa-solid fa-sort">
{{ $t('Move') }}
</v-list-item>
<v-list-item prepend-icon="$delete" @click="emit('delete')">{{ $t('Delete') }}</v-list-item>
</v-list>
@@ -240,7 +241,7 @@ import {ErrorMessageType, useMessageStore} from "@/stores/MessageStore";
import {ingredientToString} from "@/utils/model_utils";
import StepIngredientSorterDialog from "@/components/dialogs/StepIngredientSorterDialog.vue";
const emit = defineEmits(['delete'])
const emit = defineEmits(['delete','move'])
const step = defineModel<Step>({required: true})
const recipe = defineModel<Recipe>('recipe', {required: true})

6
vue3/src/components/model_editors/RecipeEditor.vue
View File

@@ -72,7 +72,7 @@
<v-form :disabled="loading || fileApiLoading">
<v-row v-for="(s,i ) in editingObj.steps" :key="s.id">
<v-col>
<step-editor v-model="editingObj.steps[i]" v-model:recipe="editingObj" :step-index="i" @delete="deleteStepAtIndex(i)"></step-editor>
<step-editor v-model="editingObj.steps[i]" v-model:recipe="editingObj" :step-index="i" @delete="deleteStepAtIndex(i)" @move="dialogStepManager = true"></step-editor>
</v-col>
</v-row>
<v-row>
@@ -139,7 +139,9 @@
<vue-draggable handle=".drag-handle" v-model="editingObj.steps" :on-sort="sortSteps">
<v-list-item v-for="(s,i) in editingObj.steps" :key="s.id">
<v-chip color="primary">{{ i + 1 }}</v-chip>
{{ s.name }}
<span class="ms-2" v-if="s.name"> {{ s.name }}</span>
<span class="ms-2" v-else>{{ $t('Step') }} {{ i + 1 }}</span>
<template #append>
<v-icon class="drag-handle" icon="$dragHandle"></v-icon>
</template>