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/namespaces/settings/delete.vue

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