From eaf780efb3a8637341625f52e4ce5b2dc38b989f Mon Sep 17 00:00:00 2001
From: alemi <me@alemi.dev>
Date: Mon, 13 May 2024 04:02:43 +0200
Subject: [PATCH] feat(web): mock register page

doesnt work yet but its a work in progress
---
 web/index.html  |  3 ++-
 web/src/app.rs  |  1 +
 web/src/auth.rs | 15 ++++++++++++---
 web/src/page.rs | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 61 insertions(+), 4 deletions(-)

diff --git a/web/index.html b/web/index.html
index a39d71a1..20eb281f 100644
--- a/web/index.html
+++ b/web/index.html
@@ -234,7 +234,8 @@
 		code.cw {
 			display: block;
 		}
-		input[type="submit"].active {
+		input[type=button]:hover,
+		input[type=submit].active {
 			background-color: var(--accent);
 			border-color: var(--accent);
 			color: var(--background);
diff --git a/web/src/app.rs b/web/src/app.rs
index 863264e0..50e41385 100644
--- a/web/src/app.rs
+++ b/web/src/app.rs
@@ -118,6 +118,7 @@ pub fn App() -> impl IntoView {
 											<Route path="/web/objects/:id" view=move || view! { <ObjectPage tl=context_tl /> } />
 
 											<Route path="/web/search" view=SearchPage />
+											<Route path="/web/register" view=RegisterPage />
 
 											<Route path="/" view=move || view! { <Redirect path="/web" /> } />
 										</Routes>
diff --git a/web/src/auth.rs b/web/src/auth.rs
index 65f1bebb..ea94679d 100644
--- a/web/src/auth.rs
+++ b/web/src/auth.rs
@@ -80,9 +80,18 @@ pub fn LoginBox(
 						});
 					});
 				} >
-					<input class="w-100" type="text" node_ref=username_ref placeholder="username" />
-					<input class="w-100" type="password" node_ref=password_ref placeholder="password" />
-					<input class="w-100" type="submit" value="login" />
+					<table class="w-100 align">
+						<tr>
+							<td colspan="2"><input class="w-100" type="text" node_ref=username_ref placeholder="username" /></td>
+						</tr>
+						<tr>
+							<td colspan="2"><input class="w-100" type="password" node_ref=password_ref placeholder="password" /></td>
+						</tr>
+						<tr>
+							<td class="w-50"><input class="w-100" type="submit" value="login" /></td>
+							<td class="w-50"><a href="/web/register"><input class="w-100" type="button" value="register" /></a></td>
+						</tr>
+					</table>
 				</form>
 			</div>
 		</div>
diff --git a/web/src/page.rs b/web/src/page.rs
index 8ec9f59b..f84b12a2 100644
--- a/web/src/page.rs
+++ b/web/src/page.rs
@@ -23,6 +23,52 @@ pub fn AboutPage() -> impl IntoView {
 	}
 }
 
+#[component]
+pub fn RegisterPage() -> impl IntoView {
+	view! {
+		<div>
+			<Breadcrumb>register</Breadcrumb>
+			<form>
+				<table class="align ma-3">
+					<tr>
+						<td>username</td>
+						<td><input type="email" /></td>
+					</tr>
+					<tr>
+						<td>password</td>
+						<td><input type="password" /></td>
+					</tr>
+					<tr>
+						<td colspan="2"><hr /></td>
+					</tr>
+					<tr>
+						<td>display name</td>
+						<td><input type="text" /></td>
+					</tr>
+					<tr>
+						<td>summary</td>
+						<td><input type="text" /></td>
+					</tr>
+					<tr>
+						<td>avatar url</td>
+						<td><input type="text" /></td>
+					</tr>
+					<tr>
+						<td>banner url</td>
+						<td><input type="text" /></td>
+					</tr>
+					<tr>
+						<td colspan="2"><hr /></td>
+					</tr>
+					<tr>
+						<td colspan="2"><input class="w-100" type="submit" value="register" /></td>
+					</tr>
+				</table>
+			</form>
+		</div>
+	}
+}
+
 #[component]
 pub fn ConfigPage(setter: WriteSignal<Config>) -> impl IntoView {
 	let config = use_context::<Signal<Config>>().expect("missing config context");