Louvorg/liste-de-courses-www
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Save List on enter

Browse Source
This commit is contained in:
aminecmi 2022-07-17 22:04:49 +02:00
parent eca23d5916
commit 4cb7fa3a43
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ListCreateUpdateModal.vue
View File

@ -7,7 +7,7 @@
<label class="label">Name
</label>
<div class="control">
<input class="input" type="text" v-model="name">
<input class="input" type="text" v-model="name" v-on:keyup="createIfEnter">
</div>
</div>
<button class="button is-primary" v-if="item === null" v-on:click="createItem">Create new list</button>
@ -31,6 +31,11 @@ export default {
toggleModal: function () {
this.$emit('toggleModal')
},
createIfEnter: function (e) {
if (e.key === 'Enter') {
this.createItem();
}
},
createItem: function () {
fetch(`${process.env.VUE_APP_API_BASE_URL}/api/lists`, {
method: 'POST',