feat: Add frontpage

3 files changed, 40 insertions, 14 deletions

diff --git a/code/app/src/routes/(main)/(public)/reset-password/+page.svelte b/code/app/src/routes/(main)/(public)/reset-password/+page.svelte
index 34dabae..55859f6 100644
--- a/code/app/src/routes/(main)/(public)/reset-password/+page.svelte
+++ b/code/app/src/routes/(main)/(public)/reset-password/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-    import {Alert, Input, Button} from "$components";
+    import { Alert, Input, Button } from "$components";
     import LL from "$i18n/i18n-svelte";
-    import {FormError} from "$models/internal/FormError";
-    import {PasswordResetService} from "$services/password-reset-service";
+    import { FormError } from "$models/internal/FormError";
+    import { PasswordResetService } from "$services/password-reset-service";
 
     const formData = {
         email: {
@@ -44,6 +44,10 @@
     }
 </script>
 
+<svlete:head>
+    <title>Reset password - Greatoffice</title>
+</svlete:head>
+
 <div class="min-h-full flex flex-col justify-center py-12 sm:px-6 lg:px-8">
     <div class="sm:mx-auto sm:w-full p-2 sm:p-0 sm:max-w-md">
         <h2 class="mt-6 text-3xl tracking-tight font-bold text-gray-900">
@@ -61,21 +65,21 @@
         <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
             <form class="space-y-6" on:submit|preventDefault={submit_form_async}>
                 {#if showErrorAlert}
-                    <Alert title={formError.title} message={formError.subtitle} type="error"/>
+                    <Alert title={formError.title} message={formError.subtitle} type="error" />
                 {:else if showSuccessAlert}
-                    <Alert type="success" title={$LL.success()} message={$LL.resetPasswordPage.requestSentMessage()}/>
+                    <Alert type="success" title={$LL.success()} message={$LL.resetPasswordPage.requestSentMessage()} />
                 {/if}
                 <Input
-                        id="email"
-                        name="email"
-                        type="email"
-                        autocomplete="email"
-                        errors={formData.email.errors}
-                        bind:value={formData.email.value}
-                        required
-                        label={$LL.emailAddress()}
+                    id="email"
+                    name="email"
+                    type="email"
+                    autocomplete="email"
+                    errors={formData.email.errors}
+                    bind:value={formData.email.value}
+                    required
+                    label={$LL.emailAddress()}
                 />
-                <Button text={$LL.submit()} type="submit" {loading} fullWidth/>
+                <Button text={$LL.submit()} type="submit" {loading} fullWidth />
             </form>
         </div>
     </div>
diff --git a/code/app/src/routes/(main)/(public)/reset-password/+page.ts b/code/app/src/routes/(main)/(public)/reset-password/+page.ts
new file mode 100644
index 0000000..c0859e0
--- /dev/null
+++ b/code/app/src/routes/(main)/(public)/reset-password/+page.ts
@@ -0,0 +1,11 @@
+import LL from '$i18n/i18n-svelte';
+import { get } from 'svelte/store';
+import type { PageLoad } from './$types';
+
+const l = get(LL);
+
+export const load: PageLoad = async () => {
+    return {
+        title: l.resetPasswordPage.title(),
+    };
+};
\ No newline at end of file
diff --git a/code/app/src/routes/(main)/(public)/reset-password/[id]/+page.ts b/code/app/src/routes/(main)/(public)/reset-password/[id]/+page.ts
new file mode 100644
index 0000000..3252b7a
--- /dev/null
+++ b/code/app/src/routes/(main)/(public)/reset-password/[id]/+page.ts
@@ -0,0 +1,11 @@
+import LL from '$i18n/i18n-svelte';
+import { get } from 'svelte/store';
+import type { PageLoad } from './$types';
+
+const l = get(LL);
+
+export const load: PageLoad = async () => {
+    return {
+        title: l.resetPasswordPage.fulfillTitle(),
+    };
+};
\ No newline at end of file