summaryrefslogtreecommitdiff
path: root/app/src/routes/assignments/+page.svelte
blob: 5a3a4cb900101ea8e7dc1327f0efc16e2e9a06aa (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!-- The /assignments index page gives an overview of assignments -->

<script lang="ts">
	import { canBeFinished } from "$lib/common/assignments";
	import type { PageProps } from "./$types";

	const { data }: PageProps = $props();
	const unfinishedAssignments = $derived(data.assignments.filter(canBeFinished));
	const finishedAssignments = $derived(data.assignments.filter((a) => !canBeFinished(a)));
</script>

<h1>{data.user.firstName}s opgaver</h1>

<h2>Kommende opgaver</h2>
<ol>
	{#each unfinishedAssignments as assignment}
		<li>
			<span>{assignment.date}</span>
			<a href={`/assignments/${assignment.id}`}>Mere info</a>
		</li>
	{/each}
</ol>

<h2>Færdiggjorte opgaver</h2>
<ol>
	{#each finishedAssignments as assignment}
		<li>
			<span>{assignment.date}</span>
			<a href={`/assignments/${assignment.id}`}>Mere info</a>
		</li>
	{/each}
</ol>