From a9801cce3fced5655cb6863a88ca4137a3eb2fe0 Mon Sep 17 00:00:00 2001
From: Liam Keegan <liam@keegan.ch>
Date: Mon, 9 Dec 2024 09:51:42 +0100
Subject: [PATCH] [[position]] doesn't work with static adapter, make a route
 for each job ad, add header text to identify each page of generated pdf

---
 .../components/ApplicationForm.svelte}        | 48 +++++++++----------
 src/routes/+layout.svelte                     | 11 +++++
 src/routes/{[[position]] => }/+layout.ts      |  0
 src/routes/+page.svelte                       |  9 ++++
 src/routes/[[position]]/+layout.svelte        |  5 --
 src/routes/hpc/+page.svelte                   |  7 +++
 src/routes/rse/+page.svelte                   |  7 +++
 src/routes/web/+page.svelte                   |  7 +++
 8 files changed, 65 insertions(+), 29 deletions(-)
 rename src/{routes/[[position]]/+page.svelte => lib/components/ApplicationForm.svelte} (79%)
 create mode 100644 src/routes/+layout.svelte
 rename src/routes/{[[position]] => }/+layout.ts (100%)
 create mode 100644 src/routes/+page.svelte
 delete mode 100644 src/routes/[[position]]/+layout.svelte
 create mode 100644 src/routes/hpc/+page.svelte
 create mode 100644 src/routes/rse/+page.svelte
 create mode 100644 src/routes/web/+page.svelte

diff --git a/src/routes/[[position]]/+page.svelte b/src/lib/components/ApplicationForm.svelte
similarity index 79%
rename from src/routes/[[position]]/+page.svelte
rename to src/lib/components/ApplicationForm.svelte
index 9e73dc0..8f4d217 100644
--- a/src/routes/[[position]]/+page.svelte
+++ b/src/lib/components/ApplicationForm.svelte
@@ -1,7 +1,6 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-import { page } from "$app/stores";
 import UploadPdf from "$lib/components/UploadPdf.svelte";
 import DownloadOutline from "flowbite-svelte-icons/DownloadOutline.svelte";
 import Button from "flowbite-svelte/Button.svelte";
@@ -11,16 +10,15 @@ import Input from "flowbite-svelte/Input.svelte";
 import Label from "flowbite-svelte/Label.svelte";
 import P from "flowbite-svelte/P.svelte";
 import type { PDFPage } from "pdf-lib";
-import { PDFDocument } from "pdf-lib";
+import { PDFDocument, rgb } from "pdf-lib";
 
-let name = $state("");
+let {
+	position,
+}: {
+	position: string;
+} = $props();
 
-let openPositions = $state({
-	rse: "SSC Research Software Engineer",
-	web: "SSC Research Software Engineer - Web Development",
-	hpc: "SSC Research Software Engineer - HPC",
-} as Record<string, string>);
-let position = openPositions[$page.params.position] ?? "";
+let name = $state("");
 
 let pdfs = $state([
 	{
@@ -59,14 +57,15 @@ let applicationComplete = $derived.by(() => {
 });
 
 function writeLine(page: PDFPage, text: string, yPos: number): number {
-	page.drawText(text, { x: 50, y: page.getSize().height - yPos });
-	return yPos + 50;
+	const yPadding = 40;
+	page.drawText(text, { x: 50, y: page.getSize().height - yPos, size: 18 });
+	return yPos + yPadding;
 }
 
 async function createPdfFrontPage() {
 	const pdfDoc = await PDFDocument.create();
 	const page = pdfDoc.addPage();
-	let yPos = 100;
+	let yPos = 80;
 	yPos = writeLine(page, "SSC Application", yPos);
 	yPos = writeLine(page, `Position: ${position}`, yPos);
 	yPos = writeLine(page, `Name: ${name}`, yPos);
@@ -80,7 +79,11 @@ async function createPdfFrontPage() {
 	return pdfDoc;
 }
 
-async function addPdf(pdfDoc: PDFDocument, uploadedPdf: File | null) {
+async function addPdf(
+	pdfDoc: PDFDocument,
+	uploadedPdf: File | null,
+	pdfId: string,
+) {
 	if (!uploadedPdf) {
 		return;
 	}
@@ -90,7 +93,13 @@ async function addPdf(pdfDoc: PDFDocument, uploadedPdf: File | null) {
 		uploadedDoc,
 		uploadedDoc.getPageIndices(),
 	)) {
-		pdfDoc.addPage(page);
+		let newPage = pdfDoc.addPage(page);
+		newPage.drawText(`${pdfId} - ${position} - ${name}`, {
+			x: 5,
+			y: page.getSize().height - 12,
+			size: 10,
+			color: rgb(0.227, 0.62, 0.749),
+		});
 	}
 }
 
@@ -100,7 +109,7 @@ async function downloadMergedPdf() {
 	}
 	let pdfDoc = await createPdfFrontPage();
 	for (const pdf of pdfs) {
-		await addPdf(pdfDoc, pdf.file);
+		await addPdf(pdfDoc, pdf.file, pdf.id);
 	}
 	const dataUri = await pdfDoc.saveAsBase64({ dataUri: true });
 	const link = document.createElement("a");
@@ -110,9 +119,6 @@ async function downloadMergedPdf() {
 }
 </script>
 
-<div class="flex flex-col container max-w-2xl md:mx-auto p-2">
-	<Heading class="my-2 p-4 text-center text-red-500">WORK IN PROGRESSS!</Heading>
-	{#if position}
 		<div class="flex flex-col space-y-4 p-4">
 			<Heading tag="h3">{position}</Heading>
 			<P
@@ -138,9 +144,3 @@ async function downloadMergedPdf() {
 				Download PDF
 			</Button>
 		</div>
-	{:else}
-		<div class="flex flex-col space-y-4 p-4">
-			<Heading tag="h3">Invalid or expired link.</Heading>
-		</div>
-	{/if}
-</div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
new file mode 100644
index 0000000..f7aeecb
--- /dev/null
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,11 @@
+<script>
+import "../app.pcss";
+import Heading from "flowbite-svelte/Heading.svelte";
+</script>
+
+<div class="flex flex-col container max-w-2xl md:mx-auto p-2">
+<div class="flex flex-col container max-w-2xl md:mx-auto p-2">
+	<Heading class="my-2 p-4 text-center text-red-500">WORK IN PROGRESSS!</Heading>
+</div>
+<slot />
+</div>
diff --git a/src/routes/[[position]]/+layout.ts b/src/routes/+layout.ts
similarity index 100%
rename from src/routes/[[position]]/+layout.ts
rename to src/routes/+layout.ts
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
new file mode 100644
index 0000000..66f8f4d
--- /dev/null
+++ b/src/routes/+page.svelte
@@ -0,0 +1,9 @@
+<svelte:options runes={true} />
+
+<script lang="ts">
+import Heading from "flowbite-svelte/Heading.svelte";
+</script>
+
+<div class="flex flex-col space-y-4 p-4">
+	<Heading tag="h3">Invalid or expired link.</Heading>
+</div>
diff --git a/src/routes/[[position]]/+layout.svelte b/src/routes/[[position]]/+layout.svelte
deleted file mode 100644
index ae576e4..0000000
--- a/src/routes/[[position]]/+layout.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script>
-import "../../app.pcss";
-</script>
-
-<slot />
diff --git a/src/routes/hpc/+page.svelte b/src/routes/hpc/+page.svelte
new file mode 100644
index 0000000..afd3e9b
--- /dev/null
+++ b/src/routes/hpc/+page.svelte
@@ -0,0 +1,7 @@
+<svelte:options runes={true} />
+
+<script lang="ts">
+import ApplicationForm from "$lib/components/ApplicationForm.svelte";
+</script>
+
+<ApplicationForm position="SSC Research Software Engineer - HPC" />
diff --git a/src/routes/rse/+page.svelte b/src/routes/rse/+page.svelte
new file mode 100644
index 0000000..8810f17
--- /dev/null
+++ b/src/routes/rse/+page.svelte
@@ -0,0 +1,7 @@
+<svelte:options runes={true} />
+
+<script lang="ts">
+import ApplicationForm from "$lib/components/ApplicationForm.svelte";
+</script>
+
+<ApplicationForm position="SSC Research Software Engineer" />
diff --git a/src/routes/web/+page.svelte b/src/routes/web/+page.svelte
new file mode 100644
index 0000000..70d2eef
--- /dev/null
+++ b/src/routes/web/+page.svelte
@@ -0,0 +1,7 @@
+<svelte:options runes={true} />
+
+<script lang="ts">
+import ApplicationForm from "$lib/components/ApplicationForm.svelte";
+</script>
+
+<ApplicationForm position="SSC Research Software Engineer - Web Development" />