add ability to remove user and add task depndencies closes #69

webpage/src/routes/user/info/+page.svelte

@@ -7,6 +7,7 @@
 	import { post } from 'src/lib/requests.svelte';
 	import MessageSimple, { type DisplayFn } from 'src/lib/MessageSimple.svelte';
 	import TokenTable from './TokenTable.svelte';
+	import DeleteUser from './DeleteUser.svelte';
 
 	onMount(() => {
 		if (!userStore.isLogin()) {
@@ -110,8 +111,8 @@
 				<button> Update </button>
 			</div>
 		</form>
-		<!-- TODO Delete -->
 		<TokenTable />
+		<DeleteUser />
 	</div>
 </div>
 

webpage/src/routes/user/info/DeleteUser.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { notificationStore } from 'src/lib/NotificationsStore.svelte';
+	import { rdelete, showMessage } from 'src/lib/requests.svelte';
+	import { userStore } from 'src/routes/UserStore.svelte';
+
+	let data = $state({ password: '' });
+
+	async function deleteUser() {
+		if (!userStore.user) {
+			return;
+		}
+		try {
+			await rdelete('user/delete', {
+				id: userStore.user?.id,
+				password: data.password
+			});
+			userStore.user = undefined;
+			goto('/user-deleted');
+		} catch (e) {
+			showMessage(e, notificationStore);
+		}
+	}
+</script>
+
+<form class="danger-bg" on:submit|preventDefault={deleteUser}>
+	<h2 class="no-top-margin">Delete user</h2>
+	Deleting the user will delete all your data stored in the service including the images.
+	<fieldset>
+		To confirm please type your password
+		<input name="password" type="password" required bind:value={data.password} />
+	</fieldset>
+	<button> Delete </button>
+</form>