From 41b9ee4044071b56693d08723bb9daa428e6fcf8 Mon Sep 17 00:00:00 2001
From: alemi <me@alemi.dev>
Date: Sun, 21 Apr 2024 23:41:30 +0200
Subject: [PATCH] feat(web): use forms for login and dbg

---
 web/src/auth.rs | 11 +++++++----
 web/src/page.rs | 25 +++++++++++++------------
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/web/src/auth.rs b/web/src/auth.rs
index 2803d688..843bc9a7 100644
--- a/web/src/auth.rs
+++ b/web/src/auth.rs
@@ -36,9 +36,8 @@ pub fn LoginBox(
 				} />
 			</div>
 			<div class:hidden=move || token.present() >
-				<input class="w-100" type="text" node_ref=username_ref placeholder="username" />
-				<input class="w-100" type="text" node_ref=password_ref placeholder="password" />
-				<input class="w-100" type="submit" value="login" on:click=move |_| {
+				<form on:submit=move|ev| {
+					ev.prevent_default();
 					logging::log!("logging in...");
 					let email = username_ref.get().map(|x| x.value()).unwrap_or("".into());
 					let password = password_ref.get().map(|x| x.value()).unwrap_or("".into());
@@ -70,7 +69,11 @@ pub fn LoginBox(
 							}
 						});
 					});
-				} />
+				} >
+					<input class="w-100" type="text" node_ref=username_ref placeholder="username" />
+					<input class="w-100" type="text" node_ref=password_ref placeholder="password" />
+					<input class="w-100" type="submit" value="login" />
+				</form>
 			</div>
 		</div>
 	}
diff --git a/web/src/page.rs b/web/src/page.rs
index 324675b6..ed9b7c4e 100644
--- a/web/src/page.rs
+++ b/web/src/page.rs
@@ -208,23 +208,24 @@ pub fn DebugPage() -> impl IntoView {
 		<div>
 			<Breadcrumb back=true>debug</Breadcrumb>
 			<div class="mt-1" >
+				<form on:submit=move|ev| {
+					ev.prevent_default();
+					let fetch_url = url_ref.get().map(|x| x.value()).unwrap_or("".into());
+					let url = format!("{URL_BASE}/dbg?id={fetch_url}");
+					spawn_local(async move {
+						match Http::fetch::<serde_json::Value>(&url, auth).await {
+							Ok(x) => set_object.set(x),
+							Err(e) => set_object.set(serde_json::Value::String(e.to_string())),
+						}
+					});
+				} >
 				<table class="align w-100" >
 					<tr>
 						<td><input class="w-100" type="text" node_ref=url_ref placeholder="AP id" /></td>
-						<td>
-							<input type="submit" class="w-100" value="fetch" on:click=move |_| {
-								let fetch_url = url_ref.get().map(|x| x.value()).unwrap_or("".into());
-								let url = format!("{URL_BASE}/dbg?id={fetch_url}");
-								spawn_local(async move {
-									match Http::fetch::<serde_json::Value>(&url, auth).await {
-										Ok(x) => set_object.set(x),
-										Err(e) => set_object.set(serde_json::Value::String(e.to_string())),
-									}
-								});
-							} />
-						</td>
+						<td><input type="submit" class="w-100" value="fetch" /></td>
 					</tr>
 				</table>
+				</form>
 			</div>
 			<pre class="ma-1" >
 				{move || serde_json::to_string_pretty(&object.get()).unwrap_or("unserializable".to_string())}