Fully implemented method to delete books

frontend/src/auth/index.js

@@ -57,5 +57,9 @@ export default {
     return {
       'Authorization': 'Bearer ' + localStorage.getItem('token')
     }
+  },
+
+  getToken () {
+    return localStorage.getItem('token')
   }
 }

frontend/src/components/Books.vue

@@ -9,12 +9,19 @@
 
     <div class="ui negative message" v-if="error">
       <div class="header">
-        An erro occured.
+        An error occured.
       </div>
       {{ error.message }}
-      <div v-if="error.response">
+      <template v-if="error.response">
       {{ error.response.Message }}
+      </template>
+    </div>
+
+    <div class="ui positive message" v-if="success">
+      <div class="header">
+        Success
       </div>
+      {{ success }}
     </div>
 
     <div v-if="!loading">
@@ -98,7 +105,8 @@ export default {
       ],
       loading: false,
       paginate: ['books'],
-      error: ''
+      error: '',
+      success: ''
     }
   },
   created () {
@@ -165,6 +173,18 @@ export default {
     },
     deleteBook (obj) {
       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) {
       console.log(id, 'edit')

frontend/src/http-common/index.js

@@ -1,8 +1,9 @@
 import axios from 'axios'
+// import auth from '../auth'
 
 export const HTTP = axios.create({
   baseURL: `http://localhost:8082/api/v1/`,
   headers: {
-    Authorization: 'Bearer {token}'
+    'Authorization': 'Bearer ' + localStorage.getItem('token')
   }
 })