Fully implemented method to delete books
the build was successful
Details
the build was successful
Details
This commit is contained in:
parent
a5a5cdb84a
commit
e021affd2e
|
@ -57,5 +57,9 @@ export default {
|
||||||
return {
|
return {
|
||||||
'Authorization': 'Bearer ' + localStorage.getItem('token')
|
'Authorization': 'Bearer ' + localStorage.getItem('token')
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
getToken () {
|
||||||
|
return localStorage.getItem('token')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,12 +9,19 @@
|
||||||
|
|
||||||
<div class="ui negative message" v-if="error">
|
<div class="ui negative message" v-if="error">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
An erro occured.
|
An error occured.
|
||||||
</div>
|
</div>
|
||||||
{{ error.message }}
|
{{ error.message }}
|
||||||
<div v-if="error.response">
|
<template v-if="error.response">
|
||||||
{{ error.response.Message }}
|
{{ error.response.Message }}
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui positive message" v-if="success">
|
||||||
|
<div class="header">
|
||||||
|
Success
|
||||||
</div>
|
</div>
|
||||||
|
{{ success }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="!loading">
|
<div v-if="!loading">
|
||||||
|
@ -98,7 +105,8 @@ export default {
|
||||||
],
|
],
|
||||||
loading: false,
|
loading: false,
|
||||||
paginate: ['books'],
|
paginate: ['books'],
|
||||||
error: ''
|
error: '',
|
||||||
|
success: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created () {
|
created () {
|
||||||
|
@ -165,6 +173,18 @@ export default {
|
||||||
},
|
},
|
||||||
deleteBook (obj) {
|
deleteBook (obj) {
|
||||||
console.log(obj.ID.content, 'delete')
|
console.log(obj.ID.content, 'delete')
|
||||||
|
HTTP.delete('books/' + obj.ID.content)
|
||||||
|
.then(response => {
|
||||||
|
console.log(response)
|
||||||
|
if (response.status === 200 && response.data.Message === 'success') {
|
||||||
|
this.success = 'The book was deleted successfully.'
|
||||||
|
this.loadBooks()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(e => {
|
||||||
|
// TODO: proper error handling
|
||||||
|
console.log(e)
|
||||||
|
})
|
||||||
},
|
},
|
||||||
editBook (id) {
|
editBook (id) {
|
||||||
console.log(id, 'edit')
|
console.log(id, 'edit')
|
||||||
|
|
|
@ -1,8 +1,9 @@
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
|
// import auth from '../auth'
|
||||||
|
|
||||||
export const HTTP = axios.create({
|
export const HTTP = axios.create({
|
||||||
baseURL: `http://localhost:8082/api/v1/`,
|
baseURL: `http://localhost:8082/api/v1/`,
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: 'Bearer {token}'
|
'Authorization': 'Bearer ' + localStorage.getItem('token')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue