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

step ordering

Browse Source
This commit is contained in:
vabene1111
2020-06-29 20:45:30 +02:00
parent 577af85d38
commit e2508cbc6f
1 changed files with 102 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
cookbook/templates/forms/edit_internal_recipe.html
View File

@@ -76,11 +76,13 @@
</div>
</div>
<draggable :list="recipe.steps" group="steps"
:empty-insert-threshold="10" handle=".handle" @sort="sortSteps()">
<div v-for="step, step_index in recipe.steps" style="margin-top: 1vh">
<div class="row">
<div class="col-md-12">
<h3>{% trans 'Step' %} [[step_index+1]]</h3>
<h3><i class="fas fa-arrows-alt-v handle"></i> {% trans 'Step' %} [[step_index+1]]</h3>
</div>
</div>
@@ -95,8 +97,9 @@
<div class="row">
<div class="col-md-12" style="margin-top: 12px">
<draggable :list="step.ingredients" group="ingredients"
:empty-insert-threshold="10" handle=".handle" @sort="sortStep(step)">
<div class="col-md-12" v-for="ingredient, index in step.ingredients" :key="ingredient.id"
:empty-insert-threshold="10" handle=".handle" @sort="sortIngredients(step)">
<div class="col-md-12" v-for="ingredient, index in step.ingredients"
:key="ingredient.id"
style="margin-top: 8px">
<hr class="d-md-none"/>
@@ -174,7 +177,8 @@
<div class="row">
<div class="col-md-12" style="text-align: center; margin-top: 8px; margin-bottom: 8px">
<button class="btn btn-success" @click="addIngredient(step)"><i class="fa fa-plus"></i></button>
<button class="btn btn-success" @click="addIngredient(step)"><i class="fa fa-plus"></i>
</button>
</div>
</div>
@@ -186,7 +190,7 @@
</div>
<br/>
</div>
</draggable>
<button type="button" @click="updateRecipe(true)"
class="btn btn-success shadow-none">{% trans 'Save & View' %}</button>
<button type="button" @click="updateRecipe(false)"
@@ -306,7 +310,12 @@
{'instruction': '', ingredients: []}
)
},
sortStep: function (step) {
sortSteps: function () {
this.recipe.steps.forEach(function (element, index) {
element.order = index
});
},
sortIngredients: function (step) {
step.ingredients.forEach(function (element, index) {
element.order = index
});
@@ -321,7 +330,7 @@
'note': '',
'order': 0,
})
this.sortStep(step)
this.sortIngredients(step)
},
removeIngredient: function (step, ingredient) {
if (confirm('{% trans 'Are you sure that you want to delete this ingredient?' %}')) {