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

proper mobile handle

Browse Source
This commit is contained in:
vabene1111
2020-06-11 11:40:32 +02:00
parent dfe8e1fd42
commit a32545c1dc
1 changed files with 25 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
cookbook/templates/meal_plan.html
View File

@@ -62,14 +62,35 @@
<td v-for="d in mp.days"> <td v-for="d in mp.days">
<draggable class="list-group" :list="d.items" group="plan" style="min-height: 40px" <draggable class="list-group" :list="d.items" group="plan" style="min-height: 40px"
@change="dragChanged(d.date, mp.meal_type, $event)" @change="dragChanged(d.date, mp.meal_type, $event)"
:empty-insert-threshold="10"> :empty-insert-threshold="10" :options="{handle:'.handle'}">
<div class="list-group-item" v-for="(element, index) in d.items" :key="element.id"> <div class="" v-for="(element, index) in d.items" :key="element.id">
<div class="row"> <div class="d-block d-md-none">
<div class="col-">
<i class="fas fa-arrows-alt handle input-group-text" style="width: 100%"></i>
</div>
<div class="list-group-item">
<a href="#" v-if="element.title !== ''"
@click="plan_detail = element" data-toggle="modal"
data-target="#exampleModal">[[element.title]]</a>
<a href="#" v-else-if="element.recipe_name !== ''"
@click="plan_detail = element"
data-toggle="modal"
data-target="#exampleModal">[[element.recipe_name]]</a>
<a href="#" v-else-if="element.name !== ''"
@click="plan_detail = element" data-toggle="modal"
data-target="#exampleModal">[[element.name]]</a>
</div>
</div>
<div class="list-group-item handle d-md-block d-none">
<div class="col-md-12"> <div class="col-md-12">
<a href="#" v-if="element.title !== ''" <a href="#" v-if="element.title !== ''"
@click="plan_detail = element" data-toggle="modal" @click="plan_detail = element" data-toggle="modal"
data-target="#exampleModal">[[element.title]]</a> data-target="#exampleModal">[[element.title]]</a>
<a href="#" v-else-if="element.recipe_name !== ''" @click="plan_detail = element" <a href="#" v-else-if="element.recipe_name !== ''"
@click="plan_detail = element"
data-toggle="modal" data-toggle="modal"
data-target="#exampleModal">[[element.recipe_name]]</a> data-target="#exampleModal">[[element.recipe_name]]</a>
<a href="#" v-else-if="element.name !== ''" <a href="#" v-else-if="element.name !== ''"