From e247d4b51b3b62e9249ea18afe670eec6e326c10 Mon Sep 17 00:00:00 2001
From: Sebastian Pravda <sebastian.pravda@gmail.com>
Date: Sun, 4 Dec 2022 20:30:29 +0100
Subject: [PATCH] feat: portfolio download

---
 frontend/src/lib/@api/admin.ts                | 12 ++++++++++
 .../dashboard/CandidateDetails.svelte         | 24 +++++++++++++++----
 2 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/@api/admin.ts b/frontend/src/lib/@api/admin.ts
index 385240a..36164c7 100644
--- a/frontend/src/lib/@api/admin.ts
+++ b/frontend/src/lib/@api/admin.ts
@@ -38,6 +38,18 @@ export const apiResetCandidatePassword = async (id: number): Promise<CreateCandi
     }
 }
 
+export const apiGetCandidatePortfolio = async (id: number): Promise<Blob> => {
+	try {
+		const res = await fetch(API_URL + '/admin/candidate/' + id + '/portfolio', {
+			method: 'GET',
+			credentials: 'include',
+		});
+		return await res.blob();
+	} catch (e: any) {
+		throw errorHandler(e, 'Candidate portfolio failed');
+	}
+}
+
 // SSR compatible
 // Logout as admin /admin/logout
 export const apiLogout = async (fetchSsr?: Fetch) => {
diff --git a/frontend/src/lib/components/dashboard/CandidateDetails.svelte b/frontend/src/lib/components/dashboard/CandidateDetails.svelte
index 5beca41..78b2e60 100644
--- a/frontend/src/lib/components/dashboard/CandidateDetails.svelte
+++ b/frontend/src/lib/components/dashboard/CandidateDetails.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { apiResetCandidatePassword } from "$lib/@api/admin";
+	import { apiGetCandidatePortfolio, apiResetCandidatePassword } from "$lib/@api/admin";
 	import type { CandidateData } from "$lib/stores/candidate";
 	import ListElement from "./ListElement.svelte";
 
@@ -16,7 +16,17 @@
 	}
 
     async function downloadPortfolio() {
-        
+        try {
+            const portfolioBlob = await apiGetCandidatePortfolio(id);
+            const url = window.URL.createObjectURL(new Blob([portfolioBlob]));
+            const link = document.createElement('a');
+            link.href = url;
+            link.setAttribute('download', 'PORTFOLIO' + '_' + id + '.zip');
+            document.body.appendChild(link);
+            link.click();
+        } catch (e) {
+            console.log(e);
+        }
     }
 </script>
 
@@ -40,12 +50,16 @@
         </li>
     </div>
     <div class="ml-20">
-        <div class="bg-sspsBlue hover:bg-sspsBlueDark transition duration-300 rounded-lg px-10 py-4">
-            <button on:click={e => resetCandidatePassword()} class="text-2xl text-white font-bold">Resetovat heslo</button>
-            <button on:click={e => resetCandidatePassword()} class="text-2xl text-white font-bold">Resetovat heslo</button>
+        <div class="flex flex-col">
+            <button on:click={e => resetCandidatePassword()} class="">Resetovat heslo</button>
+            <button on:click={e => downloadPortfolio()} class="mt-40">Stáhnout portfolio</button>
         </div>
     </div>
 </div>
 
 <style>
+    button {
+        @apply bg-sspsBlue hover:bg-sspsBlueDark transition duration-300 rounded-lg;
+        @apply text-2xl text-white font-bold px-10 py-4;
+    }
 </style>