fix: formatting

frontend/src/hooks.server.ts

@@ -1,7 +1,7 @@
 import { API_URL } from '$lib/@api';
 import type { HandleFetch } from '@sveltejs/kit';
 
-export const handleFetch: HandleFetch = async ({ request, fetch, event,}) => {
+export const handleFetch: HandleFetch = async ({ request, fetch, event }) => {
 	console.log(`SSR: handleFetch() BEFORE: ${request.method} ${request.url}`);
 
 	const cookie = event.request.headers.get('cookie') || '';
@@ -10,10 +10,7 @@ export const handleFetch: HandleFetch = async ({ request, fetch, event,}) => {
 
 	request.headers.set('cookie', cookie);
 
-    request = new Request(
+	request = new Request(request.url.replace(API_URL, 'http://127.0.0.1:8000'), request);
-        request.url.replace(API_URL, 'http://127.0.0.1:8000'),
-        request
-     );
 
 	console.log(`SSR: handleFetch() AFTER:  ${request.method} ${request.url}`);
 

frontend/src/lib/@api/index.ts

@@ -1,14 +1,14 @@
-import type { AxiosError } from "axios";
+import type { AxiosError } from 'axios';
 
-export type Fetch = (input: RequestInfo, init?: RequestInit) => Promise<Response>
+export type Fetch = (input: RequestInfo, init?: RequestInit) => Promise<Response>;
 
-export const API_URL = "http://localhost:8000";
+export const API_URL = 'http://localhost:8000';
 
 export interface ApiError {
-	error: AxiosError,
+	error: AxiosError;
-	msg: string,
+	msg: string;
 }
 
 export function errorHandler(error: AxiosError, msg: string): ApiError {
-	return {error, msg}
+	return { error, msg };
 }

frontend/src/lib/components/dashboard/CoverLetterUploadCard.svelte

@@ -1,23 +1,20 @@
 <script lang="ts">
-	import { fetchSubmProgress } from "$lib/stores/portfolio";
+	import { fetchSubmProgress } from '$lib/stores/portfolio';
-	import { apiUploadCoverLetter } from "$lib/@api/candidate";
+	import { apiUploadCoverLetter } from '$lib/@api/candidate';
-	import DashboardUploadCard from "./DashboardUploadCard.svelte";
+	import DashboardUploadCard from './DashboardUploadCard.svelte';
 
 	const onFileDrop = async (detail: any) => {
 		const file = detail.file;
 		const callback = detail.callback;
 		await apiUploadCoverLetter(file, callback);
 		await fetchSubmProgress();
-    }
+	};
-
 </script>
 
-
 <DashboardUploadCard
-    on:filedrop={e => onFileDrop(e.detail)}
+	on:filedrop={(e) => onFileDrop(e.detail)}
 	title="Motivační dopis"
 	filetype="PDF"
 	filesize={10}
 	fileType={1}
-    >
+/>
-</DashboardUploadCard>

frontend/src/lib/components/dashboard/PortfolioLetterUploadCard.svelte

@@ -1,22 +1,20 @@
 <script lang="ts">
-	import { fetchSubmProgress } from "$lib/stores/portfolio";
+	import { fetchSubmProgress } from '$lib/stores/portfolio';
-	import { apiUploadPortfolioLetter } from "../../@api/candidate";
+	import { apiUploadPortfolioLetter } from '../../@api/candidate';
-	import DashboardUploadCard from "./DashboardUploadCard.svelte";
+	import DashboardUploadCard from './DashboardUploadCard.svelte';
 
 	const onFileDrop = async (detail: any) => {
 		const file = detail.file;
 		const callback = detail.callback;
 		await apiUploadPortfolioLetter(file, callback);
 		await fetchSubmProgress();
-    }
+	};
-
 </script>
 
-
 <DashboardUploadCard
-    on:filedrop={e => onFileDrop(e.detail)} 
+	on:filedrop={(e) => onFileDrop(e.detail)}
 	title="Portfolio"
 	filetype="PDF"
 	filesize={10}
-    fileType={2}>
+	fileType={2}
-</DashboardUploadCard>
+/>

frontend/src/lib/components/dashboard/PortfolioZipUploadCard.svelte

@@ -1,22 +1,20 @@
 <script lang="ts">
-	import { fetchSubmProgress } from "$lib/stores/portfolio";
+	import { fetchSubmProgress } from '$lib/stores/portfolio';
-	import { apiUploadPortfolioZip } from "$lib/@api/candidate";
+	import { apiUploadPortfolioZip } from '$lib/@api/candidate';
-	import DashboardUploadCard from "./DashboardUploadCard.svelte";
+	import DashboardUploadCard from './DashboardUploadCard.svelte';
 
 	const onFileDrop = async (detail: any) => {
 		const file = detail.file;
 		const callback = detail.callback;
 		await apiUploadPortfolioZip(file, callback);
 		await fetchSubmProgress();
-    }
+	};
-
 </script>
 
-
 <DashboardUploadCard
-    on:filedrop={e => onFileDrop(e.detail)} 
+	on:filedrop={(e) => onFileDrop(e.detail)}
 	title="Další data"
 	filetype="ZIP"
 	filesize={100}
-    fileType={3}>
+	fileType={3}
-</DashboardUploadCard>
+/>

frontend/src/lib/components/dashboard/ProgressBar.svelte

@@ -3,19 +3,36 @@
 </script>
 
 <div class="progress-bar">
-    <svg class="animated animate-ease-linear"
+	<svg
+		class="animated animate-ease-linear"
 		width="40mm"
 		height="8mm"
 		viewBox="0 0 50 6"
 		version="1.1"
-         xmlns="http://www.w3.org/2000/svg">
+		xmlns="http://www.w3.org/2000/svg"
-
+	>
 		<line x1="5" y1="3" x2="45" y2="3" stroke="#e6e6e6" stroke-width="6" stroke-linecap="round" />
 
 		{#if progress === 1}
-            <line x1="5" y1="3" x2={progress * 45} y2="3" stroke="#35e000ff" stroke-width="3" stroke-linecap="round" />
+			<line
+				x1="5"
+				y1="3"
+				x2={progress * 45}
+				y2="3"
+				stroke="#35e000ff"
+				stroke-width="3"
+				stroke-linecap="round"
+			/>
 		{:else}
-            <line x1="5" y1="3" x2={progress * 45} y2="3" stroke="#75bff8ff" stroke-width="3" stroke-linecap="round" />
+			<line
+				x1="5"
+				y1="3"
+				x2={progress * 45}
+				y2="3"
+				stroke="#75bff8ff"
+				stroke-width="3"
+				stroke-linecap="round"
+			/>
 		{/if}
 		>
 	</svg>

frontend/src/lib/components/dashboard/StatusNotificationBig.svelte

@@ -1,23 +1,23 @@
 <script lang="ts">
-	import type { Status } from "$lib/stores/portfolio";
+	import type { Status } from '$lib/stores/portfolio';
-    import StatusNotificationDot from "./StatusNotificationDot.svelte";
+	import StatusNotificationDot from './StatusNotificationDot.svelte';
 
 	export let status: Status;
 
 	let title: string;
 	switch (status) {
-        case "submitted":
+		case 'submitted':
-            title = "Soubory odeslány!";
+			title = 'Soubory odeslány!';
 			break;
-        case "uploaded":
+		case 'uploaded':
-            title = "Soubory nahrány!";
+			title = 'Soubory nahrány!';
 			break;
-        case "missing":
+		case 'missing':
-            title = "Chybí soubory!";
+			title = 'Chybí soubory!';
 			break;
 	}
-
 </script>
+
 <div class="bg-white rounded-full flex mb-8">
 	<div class="mt-3 mb-3 ml-3 flex flex-row">
 		<h2 class="ml-2 text-2xl text-sspsBlueDark font-bold">{title}</h2>
@@ -39,4 +39,3 @@
 		@apply bg-[#ff3030ff];
 	}
 </style>
-

frontend/src/lib/components/dashboard/StatusNotificationDot.svelte

@@ -1,21 +1,20 @@
 <script lang="ts">
-	import type { Status } from "$lib/stores/portfolio";
+	import type { Status } from '$lib/stores/portfolio';
-
 
 	export let status: Status;
 	let title: string;
 
 	$: switch (status) {
-        case "submitted":
+		case 'submitted':
-            title = "Odeslané";
+			title = 'Odeslané';
 			break;
-        case "uploaded":
+		case 'uploaded':
-            title = "Nahráno";
+			title = 'Nahráno';
 			break;
-        case "missing":
+		case 'missing':
-            title = "Chybí";
+			title = 'Chybí';
 			break;
-    };
+	}
 </script>
 
 <!-- make red dot -->
@@ -40,11 +39,9 @@
 	.uploaded {
 		@apply bg-[#ff8530ff];
 		@apply animate-none;
-
 	}
 
 	.missing {
 		@apply bg-red-700;
 	}
-
 </style>

frontend/src/lib/components/icons/Lock.svelte

@@ -12,7 +12,8 @@
 	svg {
 		@apply stroke-sspsBlue fill-sspsBlue;
 	}
-    g, path {
+	g,
+	path {
 		@apply fill-sspsBlue stroke-sspsBlue;
 	}
 </style>

frontend/src/lib/components/icons/SchoolBadge.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import lion from '$lib/assets/logo/lion.png';
 </script>
+
 <div
 	class="py-3 px-6 md:py-4 md:px-8 rounded-[999px] shadow-2xl flex items-center justify-center transition-all duration-700 hover:shadow-md"
 >
@@ -8,5 +9,4 @@
 </div>
 
 <style>
-
 </style>

frontend/src/lib/components/layout/FullLayout.svelte

@@ -21,7 +21,7 @@
 
 <style>
 	.logo {
-		@apply w-[200px] h-[200px]
+		@apply w-[200px] h-[200px];
 	}
 	.bgImage {
 		@apply -z-20;

frontend/src/lib/components/layout/SplitLayout.svelte

@@ -4,14 +4,17 @@
 	import DarkModeToggle from '../DarkModeToggle.svelte';
 
 	export let backgroundImage: string = defaultBg;
-	export let backgroundPosition: string = "55%";
+	export let backgroundPosition: string = '55%';
 </script>
 
 <div class="bg">
 	<div class="bgOverlay">
 		<img class="logo" src={logo} alt="SSPŠ logo" />
 	</div>
-	<div style={`background-image: url(${backgroundImage}); background-position: ${backgroundPosition}`} class="bgImage" />
+	<div
+		style={`background-image: url(${backgroundImage}); background-position: ${backgroundPosition}`}
+		class="bgImage"
+	/>
 </div>
 <div class="view">
 	<div class="darkModeToggle">

frontend/src/lib/components/textfield/TelephoneField.svelte

@@ -10,25 +10,18 @@
 	$: {
 		let x = value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,3})(\d{0,3})/)!;
 		value =
-			(x[1] ? '+' + x[1] : '') + (x[2] ? ' ' + x[2] : '') + (x[3] ? ' ' + x[3] : '') + (x[4] ? ' ' + x[4] : '');
+			(x[1] ? '+' + x[1] : '') +
+			(x[2] ? ' ' + x[2] : '') +
+			(x[3] ? ' ' + x[3] : '') +
+			(x[4] ? ' ' + x[4] : '');
 	}
 </script>
 
-<TextField
+<TextField bind:error bind:value on:keydown on:keyup on:change type="tel" {placeholder} icon>
-	bind:error
-	bind:value
-	on:keydown
-	on:keyup
-	on:change
-	type="tel"
-	{placeholder}
-	icon
->
 	<div slot="icon" class="flex items-center justify-center">
 		<Telephone />
 	</div>
 </TextField>
 
 <style>
-    
 </style>

frontend/src/lib/stores/candidate.ts

@@ -1,4 +1,4 @@
-import { writable } from "svelte/store";
+import { writable } from 'svelte/store';
 
 export interface CandidateData {
 	name?: string;

frontend/src/lib/stores/portfolio.ts

@@ -1,5 +1,5 @@
-import { apiFetchSubmissionProgress } from "../@api/candidate";
+import { apiFetchSubmissionProgress } from '../@api/candidate';
-import { writable } from "svelte/store";
+import { writable } from 'svelte/store';
 
 export type Status = 'submitted' | 'uploaded' | 'missing';
 
@@ -7,7 +7,7 @@ export enum UploadStatus {
 	None = 1,
 	Some = 2,
 	All = 3,
-    Submitted = 4,
+	Submitted = 4
 }
 
 export interface SubmissionProgress {

frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte

@@ -43,7 +43,10 @@
 			name: yup.string().required(),
 			surname: yup.string(),
 			email: yup.string().email().required(),
-			telephone: yup.string().required().matches(/^\+\d{1,3} \d{3} \d{3} \d{3}$/),
+			telephone: yup
+				.string()
+				.required()
+				.matches(/^\+\d{1,3} \d{3} \d{3} \d{3}$/),
 			birthplace: yup.string().required(),
 			birthdate: yup.string().required(),
 			sex: yup.string(),
@@ -53,24 +56,27 @@
 			study: yup.string().required(),
 			parentName: yup.string(),
 			parentSurname: yup.string(),
-			parentTelephone: yup.string().required().matches(/^\+\d{1,3} \d{3} \d{3} \d{3}$/),
+			parentTelephone: yup
+				.string()
+				.required()
+				.matches(/^\+\d{1,3} \d{3} \d{3} \d{3}$/),
 			parentEmail: yup.string().email().required()
 		}),
 
 		onSubmit: async (values) => {
 			if (pageIndex === pageCount) {
 				try {
-					console.log("submit")
+					console.log('submit');
 					// @ts-ignore // love javascript
 					delete values.undefined;
-					values.birthdate = '2000-01-01' // TODO: reformat user typed date
+					values.birthdate = '2000-01-01'; // TODO: reformat user typed date
 					await apiFillDetails(values);
-					goto("/dashboard");
+					goto('/dashboard');
 				} catch (e) {
-					console.error("error while submitting data: " + e);
+					console.error('error while submitting data: ' + e);
+				}
 			}
 		}
-		},
 	});
 
 	$: console.log($errors);
@@ -84,7 +90,10 @@
 				break;
 
 			case 1:
-				if (/* $errors.birthdurname || */ $errors.birthplace || $errors.birthdate /* || $errors.sex */) {
+				if (
+					/* $errors.birthdurname || */ $errors.birthplace ||
+					$errors.birthdate /* || $errors.sex */
+				) {
 					return true;
 				}
 				break;
@@ -158,11 +167,7 @@
 			</p>
 			<div class="flex flex-row md:flex-col w-full">
 				<span class="w-full mt-8">
-					<TextField
+					<TextField type="text" placeholder="Rodné příjmení" on:change={handleChange} />
-						type="text"
-						placeholder="Rodné příjmení"
-						on:change={handleChange}
-					/>
 				</span>
 				<span class="w-full mt-8 ml-2 md:ml-0">
 					<TextField
@@ -250,11 +255,7 @@
 					/>
 				</span>
 				<span class="w-full mt-8 ml-2 md:ml-0">
-					<TextField
+					<TextField on:change={handleChange} type="text" placeholder="Evidenční číslo přihlášky" />
-						on:change={handleChange}
-						type="text"
-						placeholder="Evidenční číslo přihlášky"
-					/>
 				</span>
 			</div>
 			<div class="mt-8 flex items-center justify-center w-full">
@@ -278,7 +279,7 @@
 		<input
 			on:click={async (e) => {
 				await handleSubmit(e);
-				console.log("clicked " + isPageInvalid());
+				console.log('clicked ' + isPageInvalid());
 				if (isPageInvalid()) return;
 				if (pageIndex === pageCount) {
 				} else {

frontend/windi.config.ts

@@ -4,9 +4,9 @@ export default defineConfig({
 	theme: {
 		extend: {
 			colors: {
-                "sspsBlue": '#406280',
+				sspsBlue: '#406280',
-                "sspsBlueDark": '#243a55',
+				sspsBlueDark: '#243a55',
-                "sspsGray": "#e6e6e6",
+				sspsGray: '#e6e6e6'
 			}
 		}
 	}