+
+
diff --git a/administration/src/components/auth/ResetPasswordController.tsx b/administration/src/components/auth/ResetPasswordController.tsx
new file mode 100644
index 000000000..9d1f55a36
--- /dev/null
+++ b/administration/src/components/auth/ResetPasswordController.tsx
@@ -0,0 +1,89 @@
+import { Button, Callout, Card, Classes, FormGroup, H2, H3, H4, InputGroup } from '@blueprintjs/core'
+import { useContext, useState } from 'react'
+import { Link, useNavigate, useParams } from 'react-router-dom'
+import { ProjectConfigContext } from '../../project-configs/ProjectConfigContext'
+import StandaloneCenter from '../StandaloneCenter'
+import { useAppToaster } from '../AppToaster'
+import { useResetPasswordMutation } from '../../generated/graphql'
+import PasswordInput from '../PasswordInput'
+import validateNewPasswordInput from './validateNewPasswordInput'
+
+const ResetPasswordController = () => {
+ const config = useContext(ProjectConfigContext)
+ const appToaster = useAppToaster()
+ const [email, setEmail] = useState('')
+ const [newPassword, setNewPassword] = useState('')
+ const [repeatNewPassword, setRepeatNewPassword] = useState('')
+ const { passwordResetKey } = useParams()
+ const navigate = useNavigate()
+
+ const [resetPassword, { loading }] = useResetPasswordMutation({
+ onCompleted: () => {
+ appToaster?.show({ intent: 'success', message: 'Ihr Passwort wurde erfolgreich zurückgesetzt.' })
+ navigate('/')
+ },
+ onError: () =>
+ appToaster?.show({
+ intent: 'danger',
+ message: 'Etwas ist schief gelaufen. Prüfen Sie Ihre Eingaben.',
+ }),
+ })
+
+ const submit = () =>
+ resetPassword({
+ variables: {
+ project: config.projectId,
+ email,
+ newPassword,
+ passwordResetKey: passwordResetKey!,
+ },
+ })
+
+ const warnMessage = validateNewPasswordInput(newPassword, repeatNewPassword)
+ const isDirty = newPassword !== '' || repeatNewPassword !== ''
+
+ return (
+
+
+ {config.name}
+ Verwaltung
+ Passwort zurücksetzen.
+
+ Hier können Sie ein neues Passwort wählen. Ein gültiges Passwort ist mindestens zwölf Zeichen lang, enthält
+ mindestens einen Klein- und einen Großbuchstaben sowie mindestens ein Sonderzeichen.
+
+
+
+
+ )
+}
+
+export default ResetPasswordController
diff --git a/administration/src/components/auth/validateNewPasswordInput.ts b/administration/src/components/auth/validateNewPasswordInput.ts
new file mode 100644
index 000000000..757cd248d
--- /dev/null
+++ b/administration/src/components/auth/validateNewPasswordInput.ts
@@ -0,0 +1,37 @@
+const isUpperCase = (value: string) => {
+ return value === value.toUpperCase() && value !== value.toLowerCase()
+}
+
+const isLowerCase = (value: string) => {
+ return value === value.toLowerCase() && value !== value.toUpperCase()
+}
+
+const isNumeric = (value: string) => {
+ return !isNaN(parseInt(value))
+}
+
+const isSpecialChar = (value: string) => {
+ return !isUpperCase(value) && !isLowerCase(value) && !isNumeric(value)
+}
+
+const getNumChars = (value: string, predicate: (char: string) => boolean): number => {
+ return value.split('').filter(predicate).length
+}
+const minPasswordLength = 12
+
+const validateNewPasswordInput = (newPassword: string, repeatNewPassword: string) => {
+ if (newPassword.length < minPasswordLength) {
+ return `Ihr Passwort muss mindestens ${minPasswordLength} Zeichen lang sein (aktuell ${newPassword.length}).`
+ } else if (getNumChars(newPassword, isLowerCase) < 1) {
+ return 'Ihr Passwort muss mindestens einen Kleinbuchstaben enthalten.'
+ } else if (getNumChars(newPassword, isUpperCase) < 1) {
+ return 'Ihr Passwort muss mindestens einen Großbuchstaben enthalten.'
+ } else if (getNumChars(newPassword, isSpecialChar) < 1) {
+ return 'Ihr Passwort muss mindestens ein Sonderzeichen enthalten.'
+ } else if (newPassword !== repeatNewPassword) {
+ return 'Die Passwörter stimmen nicht überein.'
+ }
+ return null
+}
+
+export default validateNewPasswordInput
diff --git a/administration/src/components/user-settings/ChangePasswordForm.tsx b/administration/src/components/user-settings/ChangePasswordForm.tsx
index cdbf4901e..31fcac4ca 100644
--- a/administration/src/components/user-settings/ChangePasswordForm.tsx
+++ b/administration/src/components/user-settings/ChangePasswordForm.tsx
@@ -18,8 +18,8 @@ const ChangePasswordForm = (props: {
Passwort ändern
- Ein gültiges Passwort besteht aus mindestens zwölf Zeichen, einem Klein- und einem Großbuchstaben sowie einem
- Sonderzeichen.
+ Ein gültiges Passwort ist mindestens zwölf Zeichen lang, enthält mindestens einen Klein- und einen
+ Großbuchstaben sowie mindestens ein Sonderzeichen.