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

improved original text display in recipe editor

Browse Source
This commit is contained in:
vabene1111
2025-08-17 10:54:46 +02:00
parent 09131e8eae
commit f42b2cfd31
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -47,7 +47,8 @@
<v-number-input :label="$t('Time')" v-model="step.time" :min="0" :step="5" control-variant="split"></v-number-input> <v-number-input :label="$t('Time')" v-model="step.time" :min="0" :step="5" control-variant="split"></v-number-input>
</v-col> </v-col>
<v-col cols="12" md="6" v-if="showRecipe || step.stepRecipe != null"> <v-col cols="12" md="6" v-if="showRecipe || step.stepRecipe != null">
<model-select model="Recipe" v-model="step.stepRecipeData" @update:modelValue="step.stepRecipe = (step.stepRecipeData != null) ? step.stepRecipeData.id! : null"></model-select> <model-select model="Recipe" v-model="step.stepRecipeData"
@update:modelValue="step.stepRecipe = (step.stepRecipeData != null) ? step.stepRecipeData.id! : null"></model-select>
</v-col> </v-col>
<v-col cols="12" md="6" v-if="showFile || step.file != null"> <v-col cols="12" md="6" v-if="showFile || step.file != null">
<model-select model="UserFile" v-model="step.file"></model-select> <model-select model="UserFile" v-model="step.file"></model-select>
@@ -60,6 +61,10 @@
<div v-if="!mobile"> <div v-if="!mobile">
<vue-draggable v-model="step.ingredients" handle=".drag-handle" :on-sort="sortIngredients" :empty-insert-threshold="25" group="ingredients"> <vue-draggable v-model="step.ingredients" handle=".drag-handle" :on-sort="sortIngredients" :empty-insert-threshold="25" group="ingredients">
<v-row v-for="(ingredient, index) in step.ingredients" :key="ingredient.id" dense> <v-row v-for="(ingredient, index) in step.ingredients" :key="ingredient.id" dense>
<v-col cols="12" class="pa-0 ma-0 text-center text-disabled">
<v-icon icon="$import" size="x-small"></v-icon>
{{ ingredient.originalText }}
</v-col>
<v-col cols="2" v-if="!ingredient.isHeader"> <v-col cols="2" v-if="!ingredient.isHeader">
<v-input hide-details> <v-input hide-details>
<template #prepend> <template #prepend>
@@ -99,26 +104,22 @@
<v-list-item link> <v-list-item link>
<v-switch v-model="step.ingredients[index].noAmount" :label="$t('Disable_Amount')" hide-details></v-switch> <v-switch v-model="step.ingredients[index].noAmount" :label="$t('Disable_Amount')" hide-details></v-switch>
</v-list-item> </v-list-item>
<v-list-item @click="editingIngredientIndex = index; dialogIngredientSorter = true" prepend-icon="fa-solid fa-sort">{{ <v-list-item @click="editingIngredientIndex = index; dialogIngredientSorter = true" prepend-icon="fa-solid fa-sort">
$t('Move') {{ $t('Move') }}
}}
</v-list-item>
<v-list-item v-if="ingredient.originalText" prepend-icon="$import">
<v-list-item-title>{{ $t('Original_Text') }}</v-list-item-title>
<v-list-item-subtitle>{{ ingredient.originalText }}</v-list-item-subtitle>
</v-list-item> </v-list-item>
</v-list> </v-list>
</v-menu> </v-menu>
</v-btn> </v-btn>
</v-col> </v-col>
</v-row> </v-row>
</vue-draggable> </vue-draggable>
</div> </div>
<v-list v-if="mobile"> <v-list v-if="mobile">
<vue-draggable v-model="step.ingredients" handle=".drag-handle" :on-sort="sortIngredients" group="ingredients" empty-insert-threshold="25"> <vue-draggable v-model="step.ingredients" handle=".drag-handle" :on-sort="sortIngredients" group="ingredients" empty-insert-threshold="25">
<v-list-item v-for="(ingredient, index) in step.ingredients" :key="ingredient.id" border @click="editingIngredientIndex = index; dialogIngredientEditor = true"> <v-list-item v-for="(ingredient, index) in step.ingredients" :key="ingredient.id" border
@click="editingIngredientIndex = index; dialogIngredientEditor = true">
<ingredient-string :ingredient="ingredient"></ingredient-string> <ingredient-string :ingredient="ingredient"></ingredient-string>
<template #append> <template #append>
<v-icon icon="$dragHandle" class="drag-handle"></v-icon> <v-icon icon="$dragHandle" class="drag-handle"></v-icon>