New creation of lists is now done via the service/model

src/components/lists/NewList.vue

@@ -26,8 +26,8 @@
 <script>
     import auth from '../../auth'
     import router from '../../router'
-    import {HTTP} from '../../http-common'
     import message from '../../message'
+	import ListService from '../../services/list'
 
     export default {
         name: "NewList",
@@ -35,7 +35,8 @@
             return {
                 list: {title: ''},
                 error: '',
-                loading: false
+                loading: false,
+				listService: ListService,
             }
         },
         beforeMount() {
@@ -45,33 +46,25 @@
             }
         },
 		created() {
+			this.listService = new ListService
 			this.$parent.setFullPage();
 		},
         methods: {
             newList() {
-				const cancel = message.setLoading(this)
-
-                HTTP.put(`namespaces/` + this.$route.params.id + `/lists`, this.list, {headers: {'Authorization': 'Bearer ' + localStorage.getItem('token')}})
-                    .then(response => {
+				this.list.namespaceID = this.$route.params.id
+				this.listService.create(this.list)
+					.then(response => {
 						this.$parent.loadNamespaces()
-						this.handleSuccess({message: 'The list was successfully created.'})
-						cancel()
-						router.push({name: 'showList', params: {id: response.data.id}})
+						message.success({message: 'The list was successfully created.'}, this)
+						router.push({name: 'showList', params: {id: response.id}})
                     })
                     .catch(e => {
-                        cancel()
-						this.handleError(e)
+						message.error(e, this)
                     })
             },
 			back() {
 				router.go(-1)
 			},
-            handleError(e) {
-                message.error(e, this)
-            },
-            handleSuccess(e) {
-                message.success(e, this)
-            }
         }
     }
 </script>