From b932d8899030b400056673cb30a2852d9d2333be Mon Sep 17 00:00:00 2001 From: bytedream Date: Thu, 30 Nov 2023 23:20:50 +0100 Subject: [PATCH] add information and verbose back button when registered successfully (#7) --- src/routes/register/+layout.svelte | 2 +- src/routes/register/+page.svelte | 21 ++++++++- src/routes/register/+server.ts | 8 ++-- src/routes/register/Register.svelte | 24 ++++++++-- .../register/RegistrationComplete.svelte | 46 +++++++++++++------ 5 files changed, 79 insertions(+), 22 deletions(-) diff --git a/src/routes/register/+layout.svelte b/src/routes/register/+layout.svelte index 25b6ba1..6836f32 100644 --- a/src/routes/register/+layout.svelte +++ b/src/routes/register/+layout.svelte @@ -1,3 +1,3 @@ -
+
diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte index f5388ef..9d2e89a 100644 --- a/src/routes/register/+page.svelte +++ b/src/routes/register/+page.svelte @@ -5,7 +5,12 @@ import type { PageData } from './$types'; let registered = false; + let firstname: string | null = null; + let lastname: string | null = null; + let birthday: Date | null = null; + let phone: string | null = null; let username: string | null = null; + let edition: string | null = null; export let data: PageData; @@ -31,13 +36,27 @@ { registered = true; + firstname = e.detail.firstname; + lastname = e.detail.lastname; + birthday = e.detail.birthday; + phone = e.detail.phone; + phone = e.detail.phone; username = e.detail.username; + edition = e.detail.edition; }} />
{:else}
- (registered = false)} /> + (registered = false)} + />
{/if} diff --git a/src/routes/register/+server.ts b/src/routes/register/+server.ts index c3a136c..9b67136 100644 --- a/src/routes/register/+server.ts +++ b/src/routes/register/+server.ts @@ -49,9 +49,11 @@ export const POST = (async ({ request }) => { if (e instanceof UserNotFoundError) { throw error( 400, - `Der Spielername '${username}' existiert nicht. Hast Du Deinen Spielernamen korrekt geschrieben und - besitzt Du einen Minecraft-Account?\n\nKontaktiere bitte einen Admin, falls Du Dich trotz korrekter - Angabe nicht registrieren kannst.` + "Der Spielername '" + + username + + "' existiert nicht. Hast Du Deinen Spielernamen korrekt geschrieben " + + 'und besitzt Du einen Minecraft-Account?\n\nKontaktiere bitte einen Admin, falls Du Dich trotz korrekter ' + + 'Angabe nicht registrieren kannst.' ); } else if (e instanceof ApiError) { console.error((e as Error).message); diff --git a/src/routes/register/Register.svelte b/src/routes/register/Register.svelte index 3a8b7e1..483fd24 100644 --- a/src/routes/register/Register.svelte +++ b/src/routes/register/Register.svelte @@ -4,6 +4,7 @@ import { createEventDispatcher, onMount } from 'svelte'; import { env } from '$env/dynamic/public'; import { rulesShort } from '$lib/rules'; + import type { HTMLInputAttributes } from 'svelte/elements'; const dispatch = createEventDispatcher(); @@ -13,6 +14,7 @@ let firstnameInput: HTMLInputElement; let lastnameInput: HTMLInputElement; let birthdayInput: HTMLInputElement; + let phoneInput: HTMLInputElement; let usernameInput: HTMLInputElement; let privacyInput: HTMLInputElement; let logsInput: HTMLInputElement; @@ -39,7 +41,6 @@ async function sendRegister() { // eslint-disable-next-line no-async-promise-executor registerRequest = new Promise(async (resolve, reject) => { - console.log(birthdayInput.valueAsDate); if ( (birthdayInput.valueAsDate || new Date()) > new Date(Date.now() - 1000 * 60 * 60 * 24 * 365 * 6) @@ -57,7 +58,14 @@ body: new FormData(document.forms[0]) }); if (response.ok) { - dispatch('submit', { username: usernameInput.value }); + dispatch('submit', { + firstname: firstnameInput.value, + lastname: lastnameInput.value, + birthday: birthdayInput.valueAsDate, + phone: phoneInput.value, + username: usernameInput.value, + edition: playertype == 'java' ? 'Java (PC)' : 'Bedrock (Konsolen und Handys)' + }); resolve(); } else if (response.status < 500) { reject(Error((await response.json()).message)); @@ -113,7 +121,13 @@ Geburtstag Die Angabe hat keine Auswirkungen auf das Spielgeschehen - + Telefonnummer

Diese nutzen wir, um Dich in der Whatsapp-Gruppe zuzuordnen und kontaktieren zu können. @@ -157,7 +171,9 @@ diff --git a/src/routes/register/RegistrationComplete.svelte b/src/routes/register/RegistrationComplete.svelte index f704e17..38b06d5 100644 --- a/src/routes/register/RegistrationComplete.svelte +++ b/src/routes/register/RegistrationComplete.svelte @@ -1,9 +1,15 @@ -

- -

Registrierung erfolgreich

-
+

Registrierung erfolgreich

Du hast Dich erfolgreich für Craftattack 6 registriert. Spielstart ist am .

Alle weiteren Informationen werden in der Whatsapp-Gruppe bekannt gegeben.

-
- {#if skin} - - {:else} - - {/if} +
+
+
+ Vorname + Nachname + Geburtstag + Telefonnummer + Spielername + +
+ +
+
+
+