Move list edit/namespace to separate pages and in a menu (#397)

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/397
Co-authored-by: konrad <konrad@kola-entertainments.de>
Co-committed-by: konrad <konrad@kola-entertainments.de>

src/views/list/settings/delete.vue

@@ -0,0 +1,43 @@
+<template>
+	<modal
+		@close="$router.back()"
+		@submit="deleteList()"
+	>
+		<span slot="header">Delete this list</span>
+		<p slot="text">Are you sure you want to delete this list and all of its contents?
+			<br/>This includes all tasks and <b>CANNOT BE UNDONE!</b></p>
+	</modal>
+</template>
+
+<script>
+import ListService from '@/services/list'
+
+export default {
+	name: 'list-setting-delete',
+	data() {
+		return {
+			listService: ListService,
+		}
+	},
+	created() {
+		this.listService = new ListService()
+		const list = this.$store.getters['lists/getListById'](this.$route.params.listId)
+		this.setTitle(`Delete "${list.title}"`)
+	},
+	methods: {
+		deleteList() {
+			const list = this.$store.getters['lists/getListById'](this.$route.params.listId)
+
+			this.listService.delete(list)
+				.then(() => {
+					this.$store.commit('namespaces/removeListFromNamespaceById', list)
+					this.success({message: 'The list was successfully deleted.'}, this)
+					this.$router.push({name: 'home'})
+				})
+				.catch(e => {
+					this.error(e, this)
+				})
+		},
+	},
+}
+</script>