From 0dd7315621c77dbc7d2dd407958e72ba1eaf9099 Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Sun, 1 Jan 2023 16:16:40 +0100
Subject: [PATCH 1/2] feat: add csv to API

---
 frontend/src/lib/@api/admin.ts | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/frontend/src/lib/@api/admin.ts b/frontend/src/lib/@api/admin.ts
index 5fd7321..d77f283 100644
--- a/frontend/src/lib/@api/admin.ts
+++ b/frontend/src/lib/@api/admin.ts
@@ -120,3 +120,23 @@ export const apiFetchCandidate = async (id: number, fetchSsr?: Fetch): Promise<C
 		throw errorHandler(e, 'Failed to fetch candidate data');
 	}
 };
+
+// SSR compatible
+// List all candidates /admin/list/candidates
+export const apiListCandidatesCSV = async (
+	fetchSsr?: Fetch,
+): Promise<Blob> => {
+	const apiFetch = fetchSsr || fetch;
+	try {
+		const res = await apiFetch(API_URL + '/admin/list/candidates_csv', {
+			method: 'GET',
+			credentials: 'include'
+		});
+		if (res.status != 200) {
+			throw Error(await res.text());
+		}
+		return await res.blob();
+	} catch (e) {
+		throw errorHandler(e, 'List candidates CSV failed');
+	}
+};

From dafb23cde3688f3eb3ffbfbf4a7ca3d26c5751b5 Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Sun, 1 Jan 2023 16:16:50 +0100
Subject: [PATCH 2/2] feat: download csv on admin page

---
 .../(authenticated)/dashboard/+page.svelte    | 24 ++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte b/frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte
index c50249c..ad4d307 100644
--- a/frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte
+++ b/frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { apiDeleteCandidate, apiListCandidates } from '$lib/@api/admin';
+	import { apiDeleteCandidate, apiListCandidates, apiListCandidatesCSV } from '$lib/@api/admin';
 	import Home from '$lib/components/icons/Home.svelte';
 	import TextField from '$lib/components/textfield/TextField.svelte';
 	import type { CandidatePreview } from '$lib/stores/candidate';
@@ -74,6 +74,19 @@
 		if (id) await apiDeleteCandidate(id);
 		getCandidates();
 	};
+
+	const downloadCSV = async () => {
+		try {
+			const csvBlob = await apiListCandidatesCSV();
+			const url = window.URL.createObjectURL(new Blob([csvBlob]));
+			const link = document.createElement('a');
+			link.href = url;
+			link.setAttribute('download', 'UCHAZECI' + '.csv');
+			link.click();
+		} catch (e) {
+			console.log(e);
+		}
+	}
 </script>
 
 {#if createCandidateModal}
@@ -99,9 +112,14 @@
 				<TextField on:keyup={search} bind:value={searchValue} placeholder="Hledat" />
 				<button
 					on:click={openCreateCandidateModal}
-					class="bg-sspsBlue hover:bg-sspsBlueDark ml-3 w-2/5 rounded-lg p-3 py-4 text-xl font-semibold text-white transition-colors duration-300"
+					class="bg-gray-500 hover:bg-gray-600 ml-3 w-2/5 rounded-lg p-3 py-4 text-xl font-semibold text-white transition-colors duration-300"
 					>Nový uchazeč</button
 				>
+				<button
+					on:click={downloadCSV}
+					class="bg-gray-500 hover:bg-gray-600 ml-3 w-2/5 rounded-lg p-3 py-4 text-xl font-semibold text-white transition-colors duration-300"
+					>CSV</button
+				>
 			</div>
 			{#if scrollTop > 200}
 				<div class="fixed bottom-8 right-8">
@@ -113,7 +131,7 @@
 				</div>
 			{/if}
 
-				<Table candidates={candidatesTable} on:delete={(event) => deleteCandidate(event.detail.id)} />
+			<Table candidates={candidatesTable} on:delete={(event) => deleteCandidate(event.detail.id)} />
 		</div>
 	</div>
 </div>