src/App.vue

@@ -150,8 +150,8 @@
 			}
 		},
 		created() {
+			this.namespaceService = new NamespaceService()
 			if (this.user.authenticated) {
-				this.namespaceService = new NamespaceService()
 				this.loadNamespaces()
 			}
 		},

src/components/lists/EditList.vue

@@ -58,7 +58,6 @@
 <script>
     import auth from '../../auth'
     import router from '../../router'
-    import {HTTP} from '../../http-common'
 	import message from '../../message'
 	import manageusers from '../sharing/user'
 	import manageteams from '../sharing/team'
@@ -129,31 +128,22 @@
 								}
 							}
 						}
-						this.handleSuccess({message: 'The list was successfully updated.'})
+						message.success({message: 'The list was successfully updated.'}, this)
 					})
 					.catch(e => {
-						this.handleError(e)
+						message.error(e, this)
 					})
             },
             deleteList() {
-				const cancel = message.setLoading(this)
-                HTTP.delete(`lists/` + this.$route.params.id, {headers: {'Authorization': 'Bearer ' + localStorage.getItem('token')}})
+				this.listService.delete(this.list)
                     .then(() => {
-                        this.handleSuccess({message: 'The list was successfully deleted.'})
-						cancel()
+						message.success({message: 'The list was successfully deleted.'}, this)
                         router.push({name: 'home'})
                     })
                     .catch(e => {
-                        cancel()
-						this.handleError(e)
+						message.error(e, this)
                     })
             },
-            handleError(e) {
-                message.error(e, this)
-            },
-            handleSuccess(e) {
-                message.success(e, this)
-            }
         }
     }
 </script>

src/services/abstractService.js

@@ -281,4 +281,28 @@ export default class AbstractService {
 				cancel()
 			})
 	}
+
+	/**
+	 * Performs a delete request to the update url
+	 * @param model
+	 * @returns {Q.Promise<any>}
+	 */
+	delete(model) {
+		if (this.paths.delete === '') {
+			return Promise.reject({message: 'This model is not able to delete data.'})
+		}
+
+		const cancel = this.setLoading()
+		model = this.beforeUpdate(model)
+		return this.http.delete(this.getReplacedRoute(this.paths.delete, model), model)
+			.catch(error => {
+				return this.errorHandler(error)
+			})
+			.then(response => {
+				return Promise.resolve(response.data)
+			})
+			.finally(() => {
+				cancel()
+			})
+	}
 }