alex/voyage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI changes and updates, collection page refresh

Browse Source
This commit is contained in:
Sean Morley
2024-12-26 11:07:59 -05:00
parent c9dd5fe33d
commit f7c998ab58
20 changed files with 834 additions and 834 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
frontend/src/routes/user/reset-password/[key]/+page.svelte
View File

@@ -1,53 +1,66 @@
<script lang="ts">
import { enhance } from '$app/forms';
import { page } from '$app/stores';
import type { PageData } from '../../../$types';
// import type { PageData } from '../../../$types';
import { t } from 'svelte-i18n';
export let data: PageData;
// export let data: PageData;
</script>
<h1 class="text-center font-bold text-4xl mb-4">{$t('settings.change_password')}</h1>
<section class="flex flex-col items-center justify-center min-h-screen px-4 py-8 bg-base-100">
<h1 class="text-4xl font-bold text-center mb-6 text-primary">
{$t('settings.change_password')}
</h1>
<form method="POST" use:enhance class="flex flex-col items-center justify-center space-y-4">
<div class="w-full max-w-xs">
<label for="password" class="label">
<span class="label-text">{$t('auth.new_password')}</span>
</label>
<input
type="password"
id="password"
name="password"
required
class="input input-bordered w-full"
/>
<div class="w-full max-w-md p-6 shadow-lg rounded-lg bg-base-200">
<form method="POST" use:enhance class="flex flex-col space-y-6">
<div class="form-control">
<label for="password" class="label">
<span class="label-text">{$t('auth.new_password')}</span>
</label>
<input
type="password"
id="password"
name="password"
placeholder="Enter new password"
required
class="input input-bordered w-full"
/>
</div>
<div class="form-control">
<label for="confirm_password" class="label">
<span class="label-text">{$t('auth.confirm_password')}</span>
</label>
<input
type="password"
id="confirm_password"
name="confirm_password"
placeholder="Confirm new password"
required
class="input input-bordered w-full"
/>
</div>
<div class="form-control mt-4">
<button type="submit" class="btn btn-primary w-full">
{$t('settings.reset_password')}
</button>
</div>
{#if $page.form?.message}
<div class="mt-4 text-center text-error">
{$t($page.form?.message)}
</div>
{/if}
</form>
</div>
<div class="w-full max-w-xs">
<label for="confirm_password" class="label">
<span class="label-text">{$t('auth.confirm_password')}</span>
</label>
<input
type="password"
id="confirm_password"
name="confirm_password"
required
class="input input-bordered w-full"
/>
</div>
<button type="submit" class="btn btn-primary">
{$t('settings.reset_password')}
</button>
{#if $page.form?.message}
<div class="text-error">
{$t($page.form?.message)}
</div>
{/if}
</form>
</section>
<svelte:head>
<title>Password Reset Confirm</title>
<meta name="description" content="Confirm your password reset and make a new password." />
<title>Change Password</title>
<meta
name="description"
content="Confirm your password reset and create a new password for AdventureLog."
/>
</svelte:head>