feat: formatting

This commit is contained in:
EETagent 2023-01-26 22:51:33 +01:00
parent e009b6ee80
commit ec4fe74490
15 changed files with 127 additions and 108 deletions

View file

@ -6,7 +6,7 @@
export let applications: Array<number>;
let title1 = $LL.components.checkbox.accountLinkCheckBox.multiple.title({
first: applications[0],
second: applications[1],
second: applications[1]
});
let title2 = $LL.components.checkbox.accountLinkCheckBox.multiple.title2({
first: applications[0]
@ -14,7 +14,7 @@
if (applications.length === 1) {
title1 = $LL.components.checkbox.accountLinkCheckBox.single.title({
first: applications[0],
first: applications[0]
});
title2 = $LL.components.checkbox.accountLinkCheckBox.single.title2();
}

View file

@ -13,7 +13,9 @@
<div class="w-full text-lg font-semibold">{$LL.components.checkbox.gdprCheckBox.title()}</div>
<div class="w-full text-sm">{$LL.components.checkbox.gdprCheckBox.description()}</div>
<div class="w-full text-sm"><a class="underline" href="/gdpr">{$LL.components.checkbox.gdprCheckBox.here()}</a></div>
<div class="w-full text-sm">
<a class="underline" href="/gdpr">{$LL.components.checkbox.gdprCheckBox.here()}</a>
</div>
</div>
</label>

View file

@ -5,10 +5,10 @@
export let personalIdErr: boolean = false;
export let personalIdNumber: string;
let titleOk = $LL.components.checkbox.personalIdConfirmCheckBox.titleOk({
personalId: personalIdNumber,
personalId: personalIdNumber
});
let titleErr = $LL.components.checkbox.personalIdConfirmCheckBox.titleErr({
personalId: personalIdNumber,
personalId: personalIdNumber
});
export let error: string = '';
@ -61,7 +61,9 @@
<div class="w-full text-lg font-semibold">
{titleErr}
</div>
<div class="w-full text-sm">{$LL.components.checkbox.personalIdConfirmCheckBox.whatHappened()}</div>
<div class="w-full text-sm">
{$LL.components.checkbox.personalIdConfirmCheckBox.whatHappened()}
</div>
</div>
</label>
</div>

View file

@ -160,30 +160,33 @@
<span class="font-bold">{$baseCandidateData.applications[1]}</span></span
>
{/if}
<span>{$LL.input.address()}: <span class="font-bold">{$candidateData.candidate.address}</span></span>
<span
>{$LL.input.birthDate()}: <span class="font-bold">{$candidateData.candidate.birthdate}</span
></span
>{$LL.input.address()}:
<span class="font-bold">{$candidateData.candidate.address}</span></span
>
<span
>{$LL.input.birthPlace()}: <span class="font-bold">{$candidateData.candidate.birthplace}</span
></span
>{$LL.input.birthDate()}:
<span class="font-bold">{$candidateData.candidate.birthdate}</span></span
>
<span
>{$LL.input.personalIdentificationNumber()}: <span class="font-bold"
>{$candidateData.candidate.personalIdNumber}</span
></span
>{$LL.input.birthPlace()}:
<span class="font-bold">{$candidateData.candidate.birthplace}</span></span
>
<span
>{$LL.input.schoolIzo()}: <span class="font-bold">{$candidateData.candidate.schoolName}</span
></span
>{$LL.input.personalIdentificationNumber()}:
<span class="font-bold">{$candidateData.candidate.personalIdNumber}</span></span
>
<span
>{$LL.input.insuranceNumber()}: <span class="font-bold"
>{$candidateData.candidate.healthInsurance}</span
></span
>{$LL.input.schoolIzo()}:
<span class="font-bold">{$candidateData.candidate.schoolName}</span></span
>
<span>{$LL.input.telephone()}: <span class="font-bold">{$candidateData.candidate.telephone}</span></span
<span
>{$LL.input.insuranceNumber()}:
<span class="font-bold">{$candidateData.candidate.healthInsurance}</span></span
>
<span
>{$LL.input.telephone()}:
<span class="font-bold">{$candidateData.candidate.telephone}</span></span
>
</div>
<div
@ -202,7 +205,9 @@
>{parent.name + ' ' + parent.surname}</span
>
<span>{$LL.input.email()}: <span class="font-bold">{parent.email}</span></span>
<span>{$LL.input.telephone()}: <span class="font-bold">{parent.telephone}</span></span>
<span
>{$LL.input.telephone()}: <span class="font-bold">{parent.telephone}</span></span
>
</div>
{/each}
</div>

View file

@ -105,7 +105,8 @@
{#if status === 'uploaded'}
<button
class="mr-3 rounded-xl bg-[#ef8b46] py-0.5 px-2 text-white shadow-md transition-all duration-300 hover:bg-orange-400"
on:click={debounce(() => dispatch('delete'), 150)}>{$LL.components.dashboard.dashboardUploadCard.delete()}</button
on:click={debounce(() => dispatch('delete'), 150)}
>{$LL.components.dashboard.dashboardUploadCard.delete()}</button
>
{/if}
<StatusNotificationDot {status} />
@ -133,9 +134,16 @@
>
<div class="hidden items-center xl:block">
{#if bytesTotal === 0 || Math.round(progress * 100) === 100}
<h2 class="text-xl font-bold">{status === 'submitted' ? $LL.components.dashboard.dashboardUploadCard.sent() : $LL.components.dashboard.dashboardUploadCard.uploaded()}</h2>
<h2 class="text-xl font-bold">
{status === 'submitted'
? $LL.components.dashboard.dashboardUploadCard.sent()
: $LL.components.dashboard.dashboardUploadCard.uploaded()}
</h2>
{:else}
<h2 class="text-xl">{$LL.components.dashboard.dashboardUploadCard.uploaded()} {((bytesTotal / 1_000_000) * progress).toFixed(1)} MB</h2>
<h2 class="text-xl">
{$LL.components.dashboard.dashboardUploadCard.uploaded()}
{((bytesTotal / 1_000_000) * progress).toFixed(1)} MB
</h2>
<h2 class="self-center text-xl">z {(bytesTotal / 1_000_000).toFixed(1)} MB</h2>
{/if}
</div>

View file

@ -1,7 +1,6 @@
import type { GradeBackend } from '$lib/components/grades/GradesTable.svelte';
import { writable } from 'svelte/store';
export interface School {
name: string;
field: string;

View file

@ -48,8 +48,9 @@ export const isPersonalIdNumberWithBirthdateValid = (
}
};
export const deriveBirthdateFromPersonalId = (personalIdNumber: string):
[birthdate: string, sex: 'MUŽ' | 'ŽENA'] => {
export const deriveBirthdateFromPersonalId = (
personalIdNumber: string
): [birthdate: string, sex: 'MUŽ' | 'ŽENA'] => {
const year = Number(personalIdNumber.slice(0, 2));
const idMonth = Number(personalIdNumber.slice(2, 4));
let month;
@ -66,9 +67,9 @@ export const deriveBirthdateFromPersonalId = (personalIdNumber: string):
} else {
month = idMonth;
sex = 'MUŽ';
};
}
const day = Number(personalIdNumber.slice(4, 6));
const birthdate = `${day}.${month}.${year}`;
return [birthdate, sex];
}
};

View file

@ -25,7 +25,11 @@
{$LL.candidate.auth.login.description()}
</p>
<div class="w-4/5 lg:w-3/5">
<TextField bind:value={applicationValue} placeholder={$LL.input.evidenceNumber()} type="number" />
<TextField
bind:value={applicationValue}
placeholder={$LL.input.evidenceNumber()}
type="number"
/>
</div>
<div class="mt-8 w-4/5 lg:w-3/5">
<Submit on:click={redirectToCode} value={$LL.input.submit()} />

View file

@ -1,11 +1,10 @@
import type { FormattersInitializer } from 'typesafe-i18n'
import type { Locales, Formatters } from './i18n-types.js'
import type { FormattersInitializer } from 'typesafe-i18n';
import type { Locales, Formatters } from './i18n-types.js';
export const initFormatters: FormattersInitializer<Locales, Formatters> = (locale: Locales) => {
const formatters: Formatters = {
// add your formatter functions here
}
};
return formatters
}
return formatters;
};

View file

@ -1,6 +1,6 @@
import adapter from '@sveltejs/adapter-node';
import preprocess from 'svelte-preprocess';
import path from "path";
import path from 'path';
import { windi } from 'svelte-windicss-preprocess';
/** @type {import('@sveltejs/kit').Config} */
@ -11,9 +11,8 @@ const config = {
kit: {
adapter: adapter({ out: 'build' }),
alias: {
$i18n: path.resolve('./src/translations'),
$i18n: path.resolve('./src/translations')
}
}
};

View file

@ -9,6 +9,6 @@
"resolveJsonModule": true,
"skipLibCheck": true,
"sourceMap": true,
"strict": true,
"strict": true
}
}