From 0636cb6e2f54cb91c965bce41ead43173500665e Mon Sep 17 00:00:00 2001
From: Mawoka <mawoka@e.email>
Date: Mon, 11 Apr 2022 22:38:53 +0200
Subject: [PATCH] :sparkles: confirm to leave page

---
 frontend/src/routes/admin.svelte  | 6 ++++++
 frontend/src/routes/create.svelte | 8 ++++++++
 frontend/src/routes/edit.svelte   | 8 ++++++++
 frontend/src/routes/play.svelte   | 6 ++++++
 4 files changed, 28 insertions(+)

diff --git a/frontend/src/routes/admin.svelte b/frontend/src/routes/admin.svelte
index 901e819..af4127d 100644
--- a/frontend/src/routes/admin.svelte
+++ b/frontend/src/routes/admin.svelte
@@ -162,8 +162,14 @@
 			timer_res = seconds.toString();
 		}, 1000);
 	};
+	const confirmUnload = () => {
+		event.preventDefault();
+		event.returnValue = '';
+	};
 </script>
 
+<svelte:window on:beforeunload={confirmUnload} />
+
 <svelte:head>
 	<title>ClassQuiz - Host</title>
 </svelte:head>
diff --git a/frontend/src/routes/create.svelte b/frontend/src/routes/create.svelte
index c844048..1c8e73b 100644
--- a/frontend/src/routes/create.svelte
+++ b/frontend/src/routes/create.svelte
@@ -86,11 +86,19 @@
 			localStorage.setItem('create_game', JSON.stringify(data));
 			window.location.href = '/account/login';
 		} else if (res.status === 200) {
+			localStorage.removeItem('create_game');
 			responseData.open = true;
 		}
 	};
+	const confirmUnload = () => {
+		event.preventDefault();
+		event.returnValue = '';
+		localStorage.setItem('create_game', JSON.stringify(data));
+	};
 </script>
 
+<svelte:window on:beforeunload={confirmUnload} />
+
 <svelte:head>
 	<title>ClassQuiz - Create</title>
 </svelte:head>
diff --git a/frontend/src/routes/edit.svelte b/frontend/src/routes/edit.svelte
index 4e8f431..1c00a1b 100644
--- a/frontend/src/routes/edit.svelte
+++ b/frontend/src/routes/edit.svelte
@@ -82,12 +82,20 @@
 		} else if (res.status === 404) {
 			throw new Error('Quiz not found');
 		} else if (res.status === 200) {
+			localStorage.removeItem('edit_game');
 			responseData.data = '200';
 			responseData.open = true;
 		}
 	};
+	const confirmUnload = () => {
+		event.preventDefault();
+		event.returnValue = '';
+		localStorage.setItem('edit_game', JSON.stringify(data));
+	};
 </script>
 
+<svelte:window on:beforeunload={confirmUnload} />
+
 <svelte:head>
 	<title>ClassQuiz - Edit</title>
 </svelte:head>
diff --git a/frontend/src/routes/play.svelte b/frontend/src/routes/play.svelte
index 28d92ef..f954e34 100644
--- a/frontend/src/routes/play.svelte
+++ b/frontend/src/routes/play.svelte
@@ -56,6 +56,11 @@
 		unique = {};
 	}
 
+	const confirmUnload = () => {
+		event.preventDefault();
+		event.returnValue = '';
+	};
+
 	// Socket-events
 	socket.on('joined_game', (data) => {
 		console.log('joined_game', data);
@@ -89,6 +94,7 @@
 	// The rest
 </script>
 
+<svelte:window on:beforeunload={confirmUnload} />
 <svelte:head>
 	<title>ClassQuiz - Play</title>
 	{#if gameData !== undefined}