load single resources on page load (#119)

web/src/routes/+error.svelte

@@ -1 +1,2 @@
 <!-- error page -->
+<div>Something went wrong oh noooooooo</div>

web/src/routes/admin/(resources)/curriculums/[id]/+page.svelte

@@ -2,4 +2,4 @@
   export let data;
 </script>
 
-<div>{data.id}</div>
+<div>{JSON.stringify(data.curriculum)}</div>

web/src/routes/admin/(resources)/curriculums/[id]/+page.ts

@@ -1,10 +1,17 @@
+import { getCurriculum } from '$lib/sdk/fetch-client';
+import { error } from '@sveltejs/kit';
 import type { PageLoad } from './$types';
 
-export const load = (({ params }) => {
-  return {
-    id: params.id,
-    meta: {
-      title: 'Curriculum',
-    },
-  };
+export const load = (async ({ params }) => {
+  try {
+    const curriculum = await getCurriculum(params.id);
+    return {
+      curriculum,
+      meta: {
+        title: `Curriculum — ${curriculum.name}`,
+      },
+    };
+  } catch {
+    error(404, { message: `Curriculum with id ${params.id} not found` });
+  }
 }) satisfies PageLoad;

web/src/routes/admin/(resources)/rooms/[id]/+page.svelte

@@ -2,4 +2,4 @@
   export let data;
 </script>
 
-<div>{data.id}</div>
+<div>{JSON.stringify(data.room)}</div>

web/src/routes/admin/(resources)/rooms/[id]/+page.ts

@@ -1,10 +1,17 @@
+import { getRoom } from '$lib/sdk/fetch-client';
+import { error } from '@sveltejs/kit';
 import type { PageLoad } from './$types';
 
-export const load = (({ params }) => {
-  return {
-    id: params.id,
-    meta: {
-      title: 'Room',
-    },
-  };
+export const load = (async ({ params }) => {
+  try {
+    const room = await getRoom(params.id);
+    return {
+      room,
+      meta: {
+        title: `Room — ${room.name}`,
+      },
+    };
+  } catch {
+    error(404, { message: `Room with id ${params.id} not found` });
+  }
 }) satisfies PageLoad;

web/src/routes/admin/(resources)/studentGroups/[id]/+page.svelte

@@ -2,4 +2,4 @@
   export let data;
 </script>
 
-<div>{data.id}</div>
+<div>{JSON.stringify(data.studentGroup)}</div>

web/src/routes/admin/(resources)/studentGroups/[id]/+page.ts

@@ -1,10 +1,17 @@
+import { getStudentGroup } from '$lib/sdk/fetch-client';
+import { error } from '@sveltejs/kit';
 import type { PageLoad } from './$types';
 
-export const load = (({ params }) => {
-  return {
-    id: params.id,
-    meta: {
-      title: 'Student Group',
-    },
-  };
+export const load = (async ({ params }) => {
+  try {
+    const studentGroup = await getStudentGroup(params.id);
+    return {
+      studentGroup,
+      meta: {
+        title: `Student Group — ${studentGroup.name}`,
+      },
+    };
+  } catch {
+    error(404, { message: `Student group with id ${params.id} not found` });
+  }
 }) satisfies PageLoad;

web/src/routes/admin/(resources)/students/[id]/+page.svelte

@@ -2,4 +2,4 @@
   export let data;
 </script>
 
-<div>{data.id}</div>
+<div>{JSON.stringify(data.student)}</div>

web/src/routes/admin/(resources)/students/[id]/+page.ts

@@ -1,10 +1,17 @@
+import { getStudent } from '$lib/sdk/fetch-client';
+import { error } from '@sveltejs/kit';
 import type { PageLoad } from './$types';
 
-export const load = (({ params }) => {
-  return {
-    id: params.id,
-    meta: {
-      title: 'Student',
-    },
-  };
+export const load = (async ({ params }) => {
+  try {
+    const student = await getStudent(params.id);
+    return {
+      student,
+      meta: {
+        title: `Student — ${student.firstName} ${student.lastName}`,
+      },
+    };
+  } catch {
+    error(404, { message: `Student with id ${params.id} not found` });
+  }
 }) satisfies PageLoad;

web/src/routes/admin/(resources)/subjects/[id]/+page.svelte

@@ -2,4 +2,4 @@
   export let data;
 </script>
 
-<div>{data.id}</div>
+<div>{JSON.stringify(data.subject)}</div>

web/src/routes/admin/(resources)/subjects/[id]/+page.ts

@@ -1,10 +1,17 @@
+import { getSubject } from '$lib/sdk/fetch-client';
+import { error } from '@sveltejs/kit';
 import type { PageLoad } from './$types';
 
-export const load = (({ params }) => {
-  return {
-    id: params.id,
-    meta: {
-      title: 'Subject',
-    },
-  };
+export const load = (async ({ params }) => {
+  try {
+    const subject = await getSubject(params.id);
+    return {
+      subject,
+      meta: {
+        title: `Subject — ${subject.name}`,
+      },
+    };
+  } catch {
+    error(404, { message: `Subject with id ${params.id} not found` });
+  }
 }) satisfies PageLoad;

web/src/routes/admin/(resources)/tags/[id]/+page.svelte

@@ -2,4 +2,4 @@
   export let data;
 </script>
 
-<div>{data.id}</div>
+<div>{JSON.stringify(data.tag)}</div>

web/src/routes/admin/(resources)/tags/[id]/+page.ts

@@ -1,10 +1,17 @@
+import { getTag } from '$lib/sdk/fetch-client';
+import { error } from '@sveltejs/kit';
 import type { PageLoad } from './$types';
 
-export const load = (({ params }) => {
-  return {
-    id: params.id,
-    meta: {
-      title: 'Tag',
-    },
-  };
+export const load = (async ({ params }) => {
+  try {
+    const tag = await getTag(params.id);
+    return {
+      tag,
+      meta: {
+        title: `Tag — ${tag.name}`,
+      },
+    };
+  } catch {
+    error(404, { message: `Tag with id ${params.id} not found` });
+  }
 }) satisfies PageLoad;

web/src/routes/admin/(resources)/teachers/[id]/+page.svelte

@@ -2,4 +2,4 @@
   export let data;
 </script>
 
-<div>{data.id}</div>
+<div>{JSON.stringify(data.teacher)}</div>

web/src/routes/admin/(resources)/teachers/[id]/+page.ts

@@ -1,10 +1,17 @@
+import { getTeacher } from '$lib/sdk/fetch-client';
+import { error } from '@sveltejs/kit';
 import type { PageLoad } from './$types';
 
-export const load = (({ params }) => {
-  return {
-    id: params.id,
-    meta: {
-      title: 'Teacher',
-    },
-  };
+export const load = (async ({ params }) => {
+  try {
+    const teacher = await getTeacher(params.id);
+    return {
+      teacher,
+      meta: {
+        title: `Teacher — ${teacher.firstName} ${teacher.lastName} (${teacher.acronym})`,
+      },
+    };
+  } catch {
+    error(404, { message: `Teacher with id ${params.id} not found` });
+  }
 }) satisfies PageLoad;

web/src/routes/admin/constraints/[signatureId]/+page.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+  export let data;
+</script>
+
+<div>{JSON.stringify(data.constraintSignature)}</div>

web/src/routes/admin/constraints/[signatureId]/+page.ts

@@ -0,0 +1,17 @@
+import { getConstraintSignature } from '$lib/sdk/fetch-client';
+import { error } from '@sveltejs/kit';
+import type { PageLoad } from './$types';
+
+export const load = (async ({ params }) => {
+  try {
+    const constraintSignature = await getConstraintSignature(params.signatureId);
+    return {
+      constraintSignature,
+      meta: {
+        title: `Constraint Signature — ${constraintSignature.name}`,
+      },
+    };
+  } catch {
+    error(404, { message: `Constraint signature with id ${params.signatureId} not found` });
+  }
+}) satisfies PageLoad;