artus/CookAssistant
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

makes slot selection work

Browse Source
This commit is contained in:
Arthur Gerbaud
2019-02-13 14:22:49 +01:00
parent 7121137145
commit c522c23dfe
3 changed files with 51 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
web/vue/src/components/planner/SlotSelect.vue
View File

@@ -1,22 +1,36 @@
<template>
<div>
<a @click="$emit('add', item.id)"
class="has-text-success">
<span class="icon is-large">
<i class="mdi mdi-36px mdi-table-plus"></i>
</span>
</a>
<div class="select">
<select>
<option>Lundi</option>
<option>Mardi</option>
</select>
</div>
<div class="select">
<select>
<option>Breakfast</option>
<option>Lunch</option>
</select>
<div class="box">
<div class="columns">
<div class="column">
<div class="field">
<div class="control is-expanded">
<div class="select is-small is-fullwidth">
<select v-model="selected_day">
<option value="Lundi">Lundi</option>
<option value="Mardi">Mardi</option>
</select>
</div>
</div>
</div>
<div class="field">
<p class="control">
<div class="select is-small">
<select v-model="selected_meal">
<option value="Breakfast">Breakfast</option>
<option value="Lunch">Lunch</option>
</select>
</div>
</p>
</div>
</div>
<div class="column">
<a @click="$emit('add', getSelectedKey)"
class="has-text-success">
<span class="icon is-large">
<i class="mdi mdi-36px mdi-table-plus"></i>
</span>
</a>
</div>
</div>
</div>
</template>
@@ -24,6 +38,16 @@
<script>
export default {
name: 'SlotSelect',
data () {
return {
selected_day: "Lundi",
selected_meal: "Breakfast",
}
},
computed: {
getSelectedKey: function() {
return [this.selected_day, this.selected_meal];
}
}
}
</script>