[web] Auto refresh submisisons

web/src/routes/admin/contests/[contestId]/+page.server.ts

@@ -64,6 +64,8 @@ export const actions = {
 			return { success: false };
 		}
 
+		await db.submission.deleteMany({ where: { contestId: contest.id } });
+
 		contest.teams.forEach(async (team) => {
 			await db.activeTeam.create({ data: { teamId: team.id, contestId: contest.id } });
 		});

web/src/routes/admin/contests/create/+page.server.ts

@@ -1,8 +1,5 @@
 import { db } from '$lib/server/prisma';
-import path, { join } from 'path';
 import type { Actions, PageServerLoad } from './$types';
-import fs from 'fs';
-import { simpleGit } from 'simple-git';
 import { createRepos } from '../util';
 
 export const load = (async () => {
@@ -18,22 +15,6 @@ export const load = (async () => {
 	};
 }) satisfies PageServerLoad;
 
-function copyFolderSync(source: string, target: string) {
-	if (!fs.existsSync(target)) {
-		fs.mkdirSync(target);
-	}
-
-	fs.readdirSync(source).forEach((file) => {
-		const sourcePath = path.join(source, file);
-		const targetPath = path.join(target, file);
-
-		if (fs.lstatSync(sourcePath).isDirectory()) {
-			copyFolderSync(sourcePath, targetPath);
-		} else {
-			fs.copyFileSync(sourcePath, targetPath);
-		}
-	});
-}
 export const actions = {
 	create: async ({ request }) => {
 		const data = await request.formData();

web/src/routes/admin/reviews/+page.server.ts

@@ -7,6 +7,7 @@ export const load = (async () => {
 	const teams = await db.team.findMany();
 	const problems = await db.problem.findMany();
 	return {
+		timestamp: new Date(),
 		reviewList: submissions.map((row) => {
 			return { id: row.id, createdAt: row.createdAt };
 		}),
@@ -18,4 +19,3 @@ export const load = (async () => {
 		})
 	};
 }) satisfies PageServerLoad;
-

web/src/routes/admin/reviews/+page.svelte

@@ -1,7 +1,26 @@
 <script lang="ts">
+	import { onDestroy, onMount } from 'svelte';
 	import type { PageData } from './$types';
+	import { invalidateAll } from '$app/navigation';
 
 	export let data: PageData;
+
+	let updateInterval: ReturnType<typeof setInterval> | undefined;
+	let updating = false;
+
+	onMount(() => {
+		updateInterval = setInterval(async () => {
+			updating = true;
+			await invalidateAll();
+			updating = false;
+		}, 10000);
+	});
+
+	onDestroy(() => {
+		if (updateInterval) {
+			clearInterval(updateInterval);
+		}
+	});
 </script>
 
 <svelte:head>
@@ -10,6 +29,13 @@
 
 <h1 style="text-align:center" class="mb-4">Reviews</h1>
 
+<div class="mb-3 text-end">
+	{#if updating}
+		<div class="spinner-border spinner-border-sm text-secondary" />
+	{/if}
+	<strong>Last Updated: </strong>{data.timestamp.toLocaleTimeString()}
+</div>
+
 <ul class="list-group">
 	{#if data.reviewList.length === 0}
 		<div class="alert alert-success">No Submission to Review!</div>

web/src/routes/admin/submissions/+page.server.ts

@@ -6,6 +6,7 @@ export const load = (async () => {
 	const problems = await db.problem.findMany();
 	const teams = await db.team.findMany();
 	return {
+		timestamp: new Date(),
 		submissions: submissions.map((row) => {
 			return {
 				id: row.id,

web/src/routes/admin/submissions/+page.svelte

@@ -1,12 +1,30 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import { goto } from '$app/navigation';
+	import { goto, invalidateAll } from '$app/navigation';
+	import { onDestroy, onMount } from 'svelte';
 
 	export let data: PageData;
 
 	$: data.submissions.sort((a, b) => {
 		return b.createdAt.valueOf() - a.createdAt.valueOf();
 	});
+
+	let updateInterval: ReturnType<typeof setInterval> | undefined;
+	let updating = false;
+
+	onMount(() => {
+		updateInterval = setInterval(async () => {
+			updating = true;
+			await invalidateAll();
+			updating = false;
+		}, 10000);
+	});
+
+	onDestroy(() => {
+		if (updateInterval) {
+			clearInterval(updateInterval);
+		}
+	});
 </script>
 
 <svelte:head>
@@ -15,7 +33,17 @@
 
 <h1 style="text-align:center" class="mb-4">Submissions</h1>
 
+<div class="row">
+	<div class="col-8">
 		<p>Rows are color coded: Red - Incorrect, Green - Correct, Yellow - In Review</p>
+	</div>
+	<div class="col-4 text-end">
+		{#if updating}
+			<div class="spinner-border spinner-border-sm text-secondary" />
+		{/if}
+		<strong>Last Updated: </strong>{data.timestamp.toLocaleTimeString()}
+	</div>
+</div>
 
 <table class="table table-bordered table-hover">
 	<thead>