🚧 Added winner-screen

This commit is contained in:
Mawoka
2022-04-10 13:10:21 +02:00
parent f3b6dc420b
commit 88a8cec5b2
15 changed files with 4843 additions and 3607 deletions
@@ -10,7 +10,7 @@
}
</script>
<script lang='ts'>
<script lang="ts">
import { getLocalization } from '../../lib/i18n';
const { t } = getLocalization();
@@ -20,7 +20,7 @@
password1: string;
password2: string;
}
let passwordData: PasswordData = {
let passwordData: PasswordData = {
password1: '',
password2: ''
};
@@ -55,7 +55,7 @@
};
</script>
<div class='flex items-center justify-center h-full px-4'>
<div class="flex items-center justify-center h-full px-4">
<div>
<div
class="w-full max-w-sm mx-auto overflow-hidden bg-white rounded-lg shadow-md dark:bg-gray-800"
@@ -126,7 +126,7 @@
type="submit"
>
{#if isSubmitting}
<svg class='h-4 w-4 animate-spin mx-auto' viewBox='3 3 18 18'>
<svg class="h-4 w-4 animate-spin mx-auto" viewBox="3 3 18 18">
<path
class="fill-black"
d="M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z"
+21 -21
View File
@@ -28,9 +28,9 @@
}
interface ChangePasswordData {
oldPassword: string,
newPassword: string,
newPasswordConfirm: string
oldPassword: string;
newPassword: string;
newPasswordConfirm: string;
}
let changePasswordData: ChangePasswordData = {
@@ -107,32 +107,32 @@
/>
</div>
<div>
<h1 class='text-slate-100 text-4xl font-bold my-2'>{user.username}</h1>
<p class='text-slate-100 text-lg mb-6 md:max-w-lg'>
<h1 class="text-slate-100 text-4xl font-bold my-2">{user.username}</h1>
<p class="text-slate-100 text-lg mb-6 md:max-w-lg">
{$t('words.email')}: {user.email}
</p>
<!-- TODO: Add translation -->
<form class='flex flex-col md:flex-row' on:submit|preventDefault={changePassword}>
<form class="flex flex-col md:flex-row" on:submit|preventDefault={changePassword}>
<label
>Old Password:<input
type='password'
class='m-2 text-black'
bind:value={changePasswordData.oldPassword}
/></label
>Old Password:<input
type="password"
class="m-2 text-black"
bind:value={changePasswordData.oldPassword}
/></label
>
<label
>New Password:<input
type='password'
class='m-2 text-black'
bind:value={changePasswordData.newPassword}
/></label
>New Password:<input
type="password"
class="m-2 text-black"
bind:value={changePasswordData.newPassword}
/></label
>
<label
>New Password again:<input
type='password'
class='m-2 text-black'
bind:value={changePasswordData.newPasswordConfirm}
/></label
>New Password again:<input
type="password"
class="m-2 text-black"
bind:value={changePasswordData.newPasswordConfirm}
/></label
>
<button
class="border-2 px-2 py-1 rounded-md border-black text-slate-100 hover:bg-amber-700 hover:text-indigo-100 transition duration-75 disabled:cursor-not-allowed disabled:opacity-50"