34 lines
989 B
Svelte
34 lines
989 B
Svelte
<script lang="ts">
|
|
import { resolve } from '$app/paths';
|
|
import type { PageProps } from './$types';
|
|
let { data, form }: PageProps = $props();
|
|
</script>
|
|
|
|
<svelte:head><title>Neues Passwort | Sendewerk</title></svelte:head>
|
|
|
|
<section class="auth-card">
|
|
<p class="eyebrow">Kontozugang</p>
|
|
<h1>Neues Passwort setzen</h1>
|
|
{#if !data.valid && !form?.error}
|
|
<div class="form-message error" role="alert">
|
|
Der Link ist ungültig, abgelaufen oder bereits verwendet.
|
|
</div>
|
|
<a class="auth-link" href={resolve('/passwort-vergessen')}>Neuen Link anfordern</a>
|
|
{:else}
|
|
{#if form?.error}<div class="form-message error" role="alert">{form.error}</div>{/if}
|
|
<form class="auth-form" method="POST">
|
|
<label
|
|
>Neues Passwort<input
|
|
name="password"
|
|
type="password"
|
|
required
|
|
minlength="12"
|
|
maxlength="256"
|
|
autocomplete="new-password"
|
|
/></label
|
|
>
|
|
<button class="primary-button" type="submit">Passwort speichern</button>
|
|
</form>
|
|
{/if}
|
|
</section>
|