From 06b423a22ed4fafc9a2568778c98c44bd96beb63 Mon Sep 17 00:00:00 2001 From: Moritz Utcke Date: Thu, 15 Feb 2024 17:04:15 +0700 Subject: [PATCH] Passwort Vergessen Seiten --- src/layouts/MinimalLayout.astro | 7 +- .../Auth/PasswortVergessenModule.svelte | 61 ++++++++++++++++ .../Auth/PasswortZuruecksetzenModule.svelte | 71 +++++++++++++++++++ src/modules/LoginModule.svelte | 25 ++++--- src/modules/RegisterModule.svelte | 23 +++--- src/pages/auth/passwort-vergessen.astro | 17 +++++ src/pages/auth/passwort-zuruecksetzen.astro | 21 ++++++ 7 files changed, 204 insertions(+), 21 deletions(-) create mode 100644 src/modules/Auth/PasswortVergessenModule.svelte create mode 100644 src/modules/Auth/PasswortZuruecksetzenModule.svelte create mode 100644 src/pages/auth/passwort-vergessen.astro create mode 100644 src/pages/auth/passwort-zuruecksetzen.astro diff --git a/src/layouts/MinimalLayout.astro b/src/layouts/MinimalLayout.astro index 7bc4f53c..bbe9a90a 100644 --- a/src/layouts/MinimalLayout.astro +++ b/src/layouts/MinimalLayout.astro @@ -4,8 +4,8 @@ import i18next from "i18next"; import "../style/global.scss"; import "../../svelte-dialogs.config" import "svelte-ripple-action/ripple.css" -import { Sun, Moon } from "radix-svelte-icons"; import ThemeController from "#components/ThemeController.svelte"; +import {NotificationWrapper} from "@ibcornelsen/ui"; export interface Props { title: string; @@ -85,7 +85,7 @@ const lightTheme = Astro.cookies.get("theme").value === "light"; content="https://online-energieausweis.org/images/energieausweis-online-erstellen.jpg" /> - {title || "Energieausweis online erstellen - Online Energieausweis"} + {title} | IBCornelsen @@ -99,5 +99,8 @@ const lightTheme = Astro.cookies.get("theme").value === "light";
+
+ +
\ No newline at end of file diff --git a/src/modules/Auth/PasswortVergessenModule.svelte b/src/modules/Auth/PasswortVergessenModule.svelte new file mode 100644 index 00000000..7b7e044f --- /dev/null +++ b/src/modules/Auth/PasswortVergessenModule.svelte @@ -0,0 +1,61 @@ + + +
+

Passwort Vergessen?

+
+

Kein Problem. Wir helfen ihnen dabei ihr Passwort zurückzusetzen. Geben sie einfach die Email Adresse ihres Kontos ein und wir senden ihnen einen Link zu, mit dem sie ihr Passwort ändern können.

+ + {#if showEmailSuccess} + + {/if} + +
+ Einloggen +
+
+
\ No newline at end of file diff --git a/src/modules/Auth/PasswortZuruecksetzenModule.svelte b/src/modules/Auth/PasswortZuruecksetzenModule.svelte new file mode 100644 index 00000000..2254f0ac --- /dev/null +++ b/src/modules/Auth/PasswortZuruecksetzenModule.svelte @@ -0,0 +1,71 @@ + + +
+

Passwort Zurücksetzen

+
+
+

Passwort

+ +

Passwort wiederholen

+ +
+ +
+ Einloggen +
+
+
\ No newline at end of file diff --git a/src/modules/LoginModule.svelte b/src/modules/LoginModule.svelte index 958f6210..e905fc57 100644 --- a/src/modules/LoginModule.svelte +++ b/src/modules/LoginModule.svelte @@ -1,6 +1,8 @@
@@ -42,6 +39,7 @@ placeholder="nutzer@email.com" name="email" bind:value={email} + on:focus={() => (errorHidden = true)} required />
@@ -53,13 +51,20 @@ placeholder="********" name="passwort" bind:value={passwort} + on:focus={() => (errorHidden = true)} required /> + {#if !errorHidden} + + {/if}
- Registrieren - Registrieren + Passwort Vergessen?
diff --git a/src/modules/RegisterModule.svelte b/src/modules/RegisterModule.svelte index 640e6e5b..19abb1b3 100644 --- a/src/modules/RegisterModule.svelte +++ b/src/modules/RegisterModule.svelte @@ -1,6 +1,8 @@
@@ -86,14 +85,20 @@ required />
+ {#if !errorHidden} + + {/if}
EinloggenEinloggen - Passwort Vergessen? + Passwort Vergessen?
\ No newline at end of file diff --git a/src/pages/auth/passwort-vergessen.astro b/src/pages/auth/passwort-vergessen.astro new file mode 100644 index 00000000..e6ae737d --- /dev/null +++ b/src/pages/auth/passwort-vergessen.astro @@ -0,0 +1,17 @@ +--- +import PasswortVergessenModule from "../../modules/Auth/PasswortVergessenModule.svelte"; +import { validateAccessTokenServer } from "src/server/lib/validateAccessToken"; +import MinimalLayout from "#layouts/MinimalLayout.astro"; + +const valid = await validateAccessTokenServer(Astro) + +if (valid) { + return Astro.redirect("/dashboard") +} + +const redirect = Astro.url.searchParams.get("redirect") +--- + + + + diff --git a/src/pages/auth/passwort-zuruecksetzen.astro b/src/pages/auth/passwort-zuruecksetzen.astro new file mode 100644 index 00000000..bb47ede4 --- /dev/null +++ b/src/pages/auth/passwort-zuruecksetzen.astro @@ -0,0 +1,21 @@ +--- +import PasswortZuruecksetzenModule from "../../modules/Auth/PasswortZuruecksetzenModule.svelte"; +import { validateAccessTokenServer } from "src/server/lib/validateAccessToken"; +import MinimalLayout from "#layouts/MinimalLayout.astro"; + +const valid = await validateAccessTokenServer(Astro) + +if (valid) { + return Astro.redirect("/dashboard") +} + +const token = Astro.url.searchParams.get("token") + +if (!token) { + return Astro.redirect("/login") +} +--- + + + +