77 lines
3.1 KiB
Vue
77 lines
3.1 KiB
Vue
<template>
|
|
<div>
|
|
<form :action="route" method="POST">
|
|
<input type="hidden" name="_token" :value="csrf">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<label>Début du jeu :</label>
|
|
<input type="date" v-model="start_date" name="start_date" class="form-control" required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label>Fin du jeu :</label>
|
|
<input type="date" v-model="end_date" name="end_date" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
<div class="row"style="margin-top: 10px;">
|
|
<div v-if="datas.length > 0" class="col-md-12">
|
|
<div class="row" v-for="(item, index) in datas">
|
|
<div class="col-md-2">
|
|
<div class="form-group">
|
|
<input v-model="item.id" type="text" placeholder="ID du lot" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<input v-model="item.name" type="text" placeholder="Libelle du lot" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="form-group">
|
|
<input v-model="item.qty" type="number" step="1" placeholder="Qté" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<a @click="removeItem(index)" href="#" class="btn btn-danger"><i class="fas fa-times"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 text-center">
|
|
<button @click="newItem" class="btn btn-primary" type="button"><i class="fas fa-plus"></i></button>
|
|
<input type="hidden" name="lots" :value="JSON.stringify(datas)" required>
|
|
</div>
|
|
</div>
|
|
<div v-if="datas.length > 0" class="row" style="margin-top: 10px;">
|
|
<div class="col-md-12 text-center">
|
|
<button class="btn btn-success" type="submit"><i class="fas fa-cog"></i> Générer</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
mounted() {
|
|
console.log('Instant Win Component mounted.');
|
|
},
|
|
props: [
|
|
'csrf',
|
|
'route'
|
|
],
|
|
data() {
|
|
return {
|
|
datas: [],
|
|
start_date: '',
|
|
end_date: '',
|
|
}
|
|
},
|
|
methods: {
|
|
newItem() {
|
|
this.datas.push({id: '', name: '', qty: ''});
|
|
},
|
|
removeItem(index) {
|
|
this.datas.splice(index, 1);
|
|
}
|
|
}
|
|
}
|
|
</script>
|