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] 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>