user settings page & handle changing for self

src/web/pages/mod.rs

@@ -1,10 +1,14 @@
-use axum::{Router, routing::get};
+use axum::{
+    Router,
+    routing::{get, post},
+};
 use maud::{DOCTYPE, Markup, html};
 
 pub mod dashboard;
 pub mod index;
 pub mod login;
 pub mod persons;
+pub mod settings;
 pub mod tags;
 pub mod users;
 
@@ -13,6 +17,8 @@ pub fn pages() -> Router {
         .route("/", get(index::page))
         .route("/login", get(login::page))
         .route("/dashboard", get(dashboard::page))
+        .route("/user-settings", get(settings::page))
+        .route("/user-settings/handle", post(settings::change_handle))
         .route("/users", get(users::page))
         .route("/users/{id}", get(users::profile::page))
         .route("/tags", get(tags::page))

src/web/pages/settings.rs

@@ -0,0 +1,70 @@
+use axum::{
+    Form,
+    extract::Request,
+    http::HeaderMap,
+    response::{IntoResponse, Redirect, Response},
+};
+use maud::{PreEscaped, html};
+use serde::Deserialize;
+
+use crate::{
+    api::CompositeError,
+    users::{
+        User,
+        auth::{AuthError, UserAuthRequired, UserAuthenticate},
+        handle::UserHandle,
+    },
+    web::{components::nav::nav, icons, pages::base},
+};
+
+pub async fn page(req: Request) -> Result<Response, AuthError> {
+    let u = User::authenticate(req.headers())?;
+
+    Ok(base(
+        "Persons | Mnemosyne",
+        html!(
+            (nav(u.as_ref(), req.uri().path()))
+
+            @if let Some(u) = u {
+                div class="max-w-4xl mx-auto p-2" {
+                    div class="mx-auto max-w-4xl px-2 my-4" {
+                        p class="flex items-center gap-2" {
+                            span class="text-neutral-500" {(PreEscaped(icons::SERVER))}
+                            span class="text-2xl font-semibold font-lora" {"Your User Settings"}
+                        }
+                        p class="text-neutral-500 text-sm font-light" {
+                            // "Hi, " (u.handle) "!" " " "This is your user settings page." br;
+                            "Looking for Mnemosyne settings?" " "
+                            a class="text-blue-500 hover:text-blue-400 hover:underline" href="/mnemosyne-settings" {"Here."}
+                        }
+                    }
+
+                    label for="handle" class="font-light text-neutral-500" {"Handle"}
+                    form action="/user-settings/handle" method="post" class="flex gap-2" {
+                        input type="text" id="handle" name="handle" autocomplete="off" value={(u.handle)}
+                            class="px-2 py-1 border border-neutral-200/25 bg-neutral-950/50 rounded";
+                        button type="submit" class="px-4 py-1 border border-neutral-200/25 bg-neutral-200/5 rounded cursor-pointer hover:border-neutral-200/40" {
+                            "Save"
+                        }
+                    }
+                }
+            } @else {
+                p class="text-center p-2" {"You must be logged in to view this page."}
+            }
+        ),
+    )
+    .into_response())
+}
+
+#[derive(Deserialize)]
+pub struct HandleForm {
+    handle: UserHandle,
+}
+pub async fn change_handle(
+    headers: HeaderMap,
+    Form(form): Form<HandleForm>,
+) -> Result<Response, CompositeError> {
+    let mut u = User::authenticate(&headers)?.required()?;
+    u.set_handle(form.handle)?;
+    Ok(Redirect::to("/user-settings").into_response())
+}