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

icons and stuff

Browse Source
This commit is contained in:
vabene1111
2020-07-01 22:27:32 +02:00
parent 9caec2dff2
commit adbc7e4a39
1 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -84,7 +84,9 @@
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="col-11"> <div class="col-11">
<h4><i class="fas fa-arrows-alt-v handle"></i> <h4 class="handle">
<i class="fas fa-paragraph" v-if="step.type == 'TEXT'"></i>
<i class="fas fa-clock" v-if="step.type == 'TIME'"></i>
<template v-if="step.name !== ''">[[step.name]]</template> <template v-if="step.name !== ''">[[step.name]]</template>
<template v-else>{% trans 'Step' %} [[step_index+1]]</template> <template v-else>{% trans 'Step' %} [[step_index+1]]</template>
@@ -142,6 +144,14 @@
:id="'id_step_' + step.id + '_time'"> :id="'id_step_' + step.id + '_time'">
</div> </div>
</div> </div>
<div class="row" style="margin-top: 1vh">
<div class="col-md-12">
<label :for="'id_instruction_' + step.id">{% trans 'Instructions' %}</label>
<textarea class="form-control" rows="2" v-model="step.instruction"
:id="'id_instruction_' + step.id"></textarea>
<small class="text-muted">{% trans 'You can use markdown to format this field. See the <a href="/docs/markdown/">docs here</a>' %}</small>
</div>
</div>
</template> </template>
<template v-if="step.type == 'TEXT'"> <template v-if="step.type == 'TEXT'">
@@ -292,7 +302,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<label :for="'id_instruction_' + step.id">{% trans 'Instructions' %}</label> <label :for="'id_instruction_' + step.id">{% trans 'Instructions' %}</label>
@@ -322,7 +331,6 @@
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
{% block content_xl_right %} {% block content_xl_right %}
@@ -345,20 +353,22 @@
<br/> <br/>
<div class="row" v-if="recipe !== undefined"> <div class="row" v-if="recipe !== undefined">
<div class="col-md-11"> <div class="col-md-11">
<i class="fas fa-sort-amount-down-alt"></i> {% trans 'Steps' %} <h5><i class="fas fa-sort-amount-down-alt"></i> {% trans 'Steps' %}</h5>
<draggable :list="recipe.steps" group="steps_sorter" <draggable :list="recipe.steps" group="steps_sorter"
:empty-insert-threshold="10" handle=".handle" @sort="sortSteps()" class="list-group"> :empty-insert-threshold="10" handle=".handle" @sort="sortSteps()" class="list-group" style="margin-top: 1vh">
<div v-for="step, step_index in recipe.steps" class="list-group-item"> <div v-for="step, step_index in recipe.steps" class="list-group-item">
<div class="d-flex justify-content-center align-items-center"> <div class="d-flex justify-content-center align-items-center">
<div class="handle flex-grow-0"> <div class="flex-grow-0 text-muted">
<i class="fas fa-sort "></i> <i class="fas fa-paragraph fa-fw" v-if="step.type == 'TEXT'"></i>
<i class="fas fa-clock fa-fw" v-if="step.type == 'TIME'"></i>
</div> </div>
<div class="flex-fill" style="padding-left: 4px"> <div class="flex-fill" style="padding-left: 4px">
[[step.name]] [[step.name]]
</div> </div>
<div class="handle flex-grow-0 align-content-end">
<i class="fas fa-sort "></i>
</div>
</div> </div>
</div> </div>
</draggable> </draggable>
</div> </div>
@@ -452,7 +462,7 @@
}, },
addStep: function () { //TODO see if default can be generated from options request addStep: function () { //TODO see if default can be generated from options request
this.recipe.steps.push( this.recipe.steps.push(
{'instruction': '', ingredients: [], kind: 'TEXT'} {'instruction': '', ingredients: [], type: 'TEXT'}
) )
}, },
sortSteps: function () { sortSteps: function () {