From 2b58ff029107b23617d8c4b246de77876b3bf053 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Wed, 28 Sep 2022 00:21:37 +0800
Subject: feat: Move frontend into layout group (main)

This enables /book to load without the usual layout (app layout)
---
 apps/kit/src/routes/(public)/login/+page.svelte | 136 ------------------------
 1 file changed, 136 deletions(-)
 delete mode 100644 apps/kit/src/routes/(public)/login/+page.svelte

(limited to 'apps/kit/src/routes/(public)/login/+page.svelte')

diff --git a/apps/kit/src/routes/(public)/login/+page.svelte b/apps/kit/src/routes/(public)/login/+page.svelte
deleted file mode 100644
index 9e2f6e7..0000000
--- a/apps/kit/src/routes/(public)/login/+page.svelte
+++ /dev/null
@@ -1,136 +0,0 @@
-<script lang="ts">
-    import { goto } from "$app/navigation";
-    import { login } from "$lib/api/user";
-    import LL from "$lib/i18n/i18n-svelte";
-    import type { ErrorResult } from "$lib/models/ErrorResult";
-    import type { LoginPayload } from "$lib/models/LoginPayload";
-
-    const data = {
-        username: "",
-        password: "",
-    } as LoginPayload;
-
-    let error = {
-        text: "",
-        title: "",
-    } as ErrorResult;
-
-    async function submitFormAsync() {
-        error = { text: "", title: "" };
-        const loginResponse = await login(data);
-        if (loginResponse.ok) {
-            await goto("/home");
-        } else {
-            error.title = loginResponse.data.title;
-            error.text = loginResponse.data.text;
-        }
-    }
-</script>
-
-<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 sm:max-w-md">
-        <h2
-            class="mt-6 text-center text-3xl tracking-tight font-bold text-gray-900"
-        >
-            {$LL.login.loginToYourAccount()}
-        </h2>
-        <p class="mt-2 text-center text-sm text-gray-600">
-            {$LL.common.or()}
-            <a
-                href="/signup"
-                class="font-medium text-indigo-600 hover:text-indigo-500"
-                >{$LL.login.createANewAccount()}</a
-            >
-        </p>
-    </div>
-    <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
-        <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
-            {#if error.text || error.title}
-                <div class="rounded-md bg-red-50 p-3 mb-3">
-                    {#if error.title}
-                        <h3 class="text-sm font-medium text-red-800">
-                            {error.title}
-                        </h3>
-                    {/if}
-                    {#if error.text}
-                        <div class="mt-2 text-sm text-red-700">
-                            {error.text}
-                        </div>
-                    {/if}
-                </div>
-            {/if}
-            <form class="space-y-6" on:submit|preventDefault={submitFormAsync}>
-                <div>
-                    <label
-                        for="email"
-                        class="block text-sm font-medium text-gray-700"
-                        >{$LL.common.emailAddress()}</label
-                    >
-                    <div class="mt-1">
-                        <input
-                            id="email"
-                            name="email"
-                            type="email"
-                            autocomplete="email"
-                            required
-                            value={data.username}
-                            class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
-                        />
-                    </div>
-                </div>
-
-                <div>
-                    <label
-                        for="password"
-                        class="block text-sm font-medium text-gray-700"
-                        >{$LL.login.password()}</label
-                    >
-                    <div class="mt-1">
-                        <input
-                            id="password"
-                            name="password"
-                            type="password"
-                            autocomplete="current-password"
-                            required
-                            value={data.password}
-                            class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
-                        />
-                    </div>
-                </div>
-
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center">
-                        <input
-                            id="remember-me"
-                            name="remember-me"
-                            type="checkbox"
-                            class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded"
-                        />
-                        <label
-                            for="remember-me"
-                            class="ml-2 block text-sm text-gray-900"
-                            >{$LL.login.notMyComputer()}</label
-                        >
-                    </div>
-
-                    <div class="text-sm">
-                        <a
-                            href="/reset"
-                            class="font-medium text-indigo-600 hover:text-indigo-500"
-                            >{$LL.login.forgotPassword()}</a
-                        >
-                    </div>
-                </div>
-
-                <div>
-                    <button
-                        type="submit"
-                        class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
-                    >
-                        {$LL.common.logIn()}
-                    </button>
-                </div>
-            </form>
-        </div>
-    </div>
-</div>
-- 
cgit v1.3