28 lines
779 B
Vue
28 lines
779 B
Vue
<template>
|
|
<div class="champs-editor">
|
|
<Draggable :list="state.typesDeChamp" :options="{handle:'.handle'}">
|
|
<DraggableItem
|
|
v-for="(item, index) in state.typesDeChamp"
|
|
:state="state"
|
|
:index="index"
|
|
:item="item"
|
|
:key="item.id" />
|
|
</Draggable>
|
|
|
|
<div class="footer"></div>
|
|
<div class="buttons">
|
|
<button class="button" v-scroll-to="'.footer'" @click.prevent="addChamp">
|
|
<template v-if="state.isAnnotation">
|
|
Ajouter une annotation
|
|
</template>
|
|
<template v-else>
|
|
Ajouter un champ
|
|
</template>
|
|
</button>
|
|
|
|
<button class="button primary" @click.prevent="save">Enregistrer</button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./DraggableList.js"></script>
|