From a9072370ca1eb9a5cce928b1d487db0f307edea6 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Tue, 20 Sep 2022 15:24:27 +0800
Subject: feat: Move old apps into it's own directory

---
 old-apps/portal/src/app/pages/forgot.svelte | 102 ++++++++++++++++++++++++++++
 1 file changed, 102 insertions(+)
 create mode 100644 old-apps/portal/src/app/pages/forgot.svelte

(limited to 'old-apps/portal/src/app/pages/forgot.svelte')

diff --git a/old-apps/portal/src/app/pages/forgot.svelte b/old-apps/portal/src/app/pages/forgot.svelte
new file mode 100644
index 0000000..156deab
--- /dev/null
+++ b/old-apps/portal/src/app/pages/forgot.svelte
@@ -0,0 +1,102 @@
+<script>
+	import {onMount} from "svelte";
+	import {link} from "svelte-spa-router";
+	import {create_forgot_password_request} from "$shared/lib/api/user";
+	import {is_email} from "$shared/lib/helpers";
+	import Alert from "$shared/components/alert.svelte";
+	import Button from "$shared/components/button.svelte";
+	import Tile from "$shared/components/tile.svelte";
+	import Layout from "./_layout.svelte";
+
+	let isLoading = false;
+	let username;
+
+	const alert = {
+		title: "",
+		type: "",
+		message: "",
+		isVisible: false,
+		show(type, obj) {
+			alert.title = obj.title;
+			alert.message = obj.text;
+			alert.type = type;
+			alert.isVisible = true;
+			isLoading = false;
+		},
+		hide() {
+			alert.isVisible = false;
+			alert.title = "";
+			alert.message = "";
+			alert.type = "";
+			isLoading = false;
+		},
+	};
+
+	function is_valid() {
+		return is_email(username);
+	}
+
+	async function submit_form() {
+		if (isLoading) {
+			return;
+		}
+		if (is_valid()) {
+			isLoading = true;
+			const response = await create_forgot_password_request(username);
+			if (response.ok) {
+				alert.show("success", {
+					title: "Request is sent",
+					text: "If we find an account associated with this email address, you will receive an email with a reset link very soon.",
+				});
+			} else {
+				console.error(response.data);
+				alert.show("error", {
+					title: response.data?.title ?? "An error occured",
+					text: response.data?.text ?? "Please try again soon",
+				});
+			}
+		}
+	}
+
+	onMount(() => {
+		document.addEventListener("DOMContentLoaded", () => {
+			document.getElementById("email-address").focus();
+		});
+	});
+</script>
+
+<Layout>
+    <Tile>
+        <form on:submit|preventDefault={submit_form}
+              class="max-width-xxs">
+            <fieldset>
+                <legend class="form-legend">
+                    <span class="margin-bottom-xs text-xl">Send reset link</span> <br/>
+                    <span class="text-sm">... or <a href="/login"
+                                                    use:link>log in</a></span>
+                </legend>
+                <div class="margin-bottom-xs">
+                    <p>Provide your email address, and we'll send you a link to set your new password.</p>
+                </div>
+                <div class="margin-bottom-xxs max-width-xxs">
+                    <Alert visible={alert.isVisible}
+                           title={alert.title}
+                           message={alert.message}
+                           type={alert.type}/>
+                </div>
+                <div class="margin-bottom-xs">
+                    <input type="email"
+                           id="email-address"
+                           placeholder="Email address"
+                           class="form-control width-100%"
+                           bind:value={username}/>
+                </div>
+                <div class="flex justify-end">
+                    <Button text="Send reset link"
+                            type="primary"
+                            loading={isLoading}/>
+                </div>
+            </fieldset>
+        </form>
+    </Tile>
+</Layout>
-- 
cgit v1.3