From 136b58c44f7f1f9e32fb40eab91aa8fd378569ba Mon Sep 17 00:00:00 2001
From: themodrnhakr <ehrumsey@gmail.com>
Date: Sat, 27 Sep 2025 14:20:39 -0500
Subject: [PATCH] Add /tasks route to load all tasks.

Currently just a proof of concept. The data is pulled from the database
and a few fields display in a table.
---
 src/routes/tasks/+page.server.ts | 10 ++++++++++
 src/routes/tasks/+page.svelte    | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 src/routes/tasks/+page.server.ts
 create mode 100644 src/routes/tasks/+page.svelte

diff --git a/src/routes/tasks/+page.server.ts b/src/routes/tasks/+page.server.ts
new file mode 100644
index 0000000..75873a2
--- /dev/null
+++ b/src/routes/tasks/+page.server.ts
@@ -0,0 +1,10 @@
+import TasksService from "$lib/server/services/tasks";
+import type { PageServerLoad } from "./$types";
+
+export const load: PageServerLoad = async () => {
+  const tasks = new TasksService("internal");
+  return {
+    tasks: await tasks.getAll(),
+    test: "string",
+  };
+};
diff --git a/src/routes/tasks/+page.svelte b/src/routes/tasks/+page.svelte
new file mode 100644
index 0000000..d6c144e
--- /dev/null
+++ b/src/routes/tasks/+page.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	import type { PageProps } from "./$types";
+
+	let { data }: PageProps = $props();
+</script>
+
+{#if data.tasks}
+	<p>{data.tasks.length} total records.</p>
+	<table>
+		<thead>
+			<tr>
+				<td><strong>Id</strong></td>
+				<td><strong>Description</strong></td>
+				<td><strong>Status</strong></td>
+			</tr>
+		</thead>
+		<tbody>
+			{#each data.tasks as task (task.id)}
+				<tr>
+					<td
+						>{task.type?.prefix +
+							task.taskId}</td
+					>
+					<td>{task.description}</td>
+					<td>{task.status}</td>
+				</tr>
+			{/each}
+		</tbody>
+	</table>
+{:else}
+	<p>There was an error accessing the database.</p>
+{/if}