Romain/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix checked input status after move

Browse Source
This commit is contained in:
Romulus21
2020-08-01 16:27:09 +02:00
parent 783f9c14fc
commit 117ed6cfdc
2 changed files with 23 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
resources/js/views/ToDoLists/ToDo.vue
View File

@@ -42,6 +42,7 @@ export default {
}, },
data () { data () {
return { return {
id: this.toDo.data.to_do_id,
edit: false, edit: false,
checked: !!(this.toDo.data.attributes.data.checked_at), checked: !!(this.toDo.data.attributes.data.checked_at),
} }
@@ -52,7 +53,6 @@ export default {
axios.patch('/api/to-do-lists/' + this.idList + '/to-do/' + this.toDo.data.to_do_id, {name: this.toDo.data.attributes.data.name }) axios.patch('/api/to-do-lists/' + this.idList + '/to-do/' + this.toDo.data.to_do_id, {name: this.toDo.data.attributes.data.name })
.then(() => { .then(() => {
this.edit = false this.edit = false
//this.toDoList.data.attributes.data.name = this.listName
}) })
.catch(errorRes => { .catch(errorRes => {
console.log('Internal Error, Unable to delete list.' + errorRes) console.log('Internal Error, Unable to delete list.' + errorRes)
@@ -61,16 +61,22 @@ export default {
}, },
watch: { watch: {
checked: function () { checked: function () {
// eslint-disable-next-line no-undef if(event && event.type === 'click') {
axios.patch('/api/to-do-lists/' + this.idList + '/to-do/' + this.toDo.data.to_do_id + '/check') // eslint-disable-next-line no-undef
.then(res => { axios.patch('/api/to-do-lists/' + this.idList + '/to-do/' + this.toDo.data.to_do_id + '/check')
// this.toDoList.data.attributes.data.to_dos.data[position].data.attributes.data.checked_at = res.data.data.attributes.data.checked_at .then(res => {
this.toDo.data.attributes.data.checked_at = res.data.data.attributes.data.checked_at this.toDo.data.attributes.data.checked_at = res.data.data.attributes.data.checked_at
this.checked = !!(res.data.data.attributes.data.checked_at) this.checked = !!(res.data.data.attributes.data.checked_at)
}) })
.catch(errorRes => { .catch(errorRes => {
console.log('Internal Error, Unable to delete contact.' + errorRes) console.log('Internal Error, Unable to delete contact.' + errorRes)
}) })
}
},
toDo: function () {
if(this.checked !== !!(this.toDo.data.attributes.data.checked_at)) {
this.checked = !!(this.toDo.data.attributes.data.checked_at)
}
} }
} }
} }

8
resources/js/views/ToDoLists/ToDoListShow.vue
View File

@@ -43,6 +43,7 @@
<svg-vue icon="draggable" class="w-4 block mr-2 cursor-move" /> <svg-vue icon="draggable" class="w-4 block mr-2 cursor-move" />
<ToDo :to-do="toDo" <ToDo :to-do="toDo"
:id-list="toDoList.data.to_do_list_id" :id-list="toDoList.data.to_do_list_id"
ref="toDo"
class="flex-1 bg-blue" /> class="flex-1 bg-blue" />
<span @click="deleteToDo(toDo, index)" class="cursor-pointer ml-2 font-bold edit-icon flex items-center"> <span @click="deleteToDo(toDo, index)" class="cursor-pointer ml-2 font-bold edit-icon flex items-center">
<svg-vue icon="close" class="w-4" /> <svg-vue icon="close" class="w-4" />
@@ -87,7 +88,7 @@ export default {
this.toDoList = res.data this.toDoList = res.data
this.loading = false this.loading = false
this.listName = res.data.data.attributes.data.name this.listName = res.data.data.attributes.data.name
this.reorderList() this.sortList()
}) })
.catch(errorRes => { .catch(errorRes => {
this.loading = false this.loading = false
@@ -120,11 +121,14 @@ export default {
console.log('Internal Error, Unable to delete contact.' + errorRes) console.log('Internal Error, Unable to delete contact.' + errorRes)
}) })
}, },
reorderList() { sortList() {
this.toDoList.data.attributes.data.to_dos.data.sort(function(a, b) { this.toDoList.data.attributes.data.to_dos.data.sort(function(a, b) {
return a.data.attributes.data.order - b.data.attributes.data.order return a.data.attributes.data.order - b.data.attributes.data.order
}) })
}, },
reorderList() {
this.sortList()
},
addToDo: function () { addToDo: function () {
if(this.toDoName.length >= 3) { if(this.toDoName.length >= 3) {
// eslint-disable-next-line no-undef // eslint-disable-next-line no-undef