kitchen/web/src/pages/login.rs

// Copyright 2022 Jeremy Wall (Jeremy@marzhilsltudios.com)
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
use crate::components::tabs::*;

use base64;
use reqwasm::http;
use sycamore::{futures::spawn_local_in_scope, prelude::*};
use tracing::{debug, error, info};

fn token68(user: String, pass: String) -> String {
    base64::encode(format!("{}:{}", user, pass))
}

async fn authenticate(user: String, pass: String) -> bool {
    debug!(
        username = user,
        password = pass,
        "attempting login request against api."
    );
    let result = http::Request::get("/api/v1/auth")
        .header(
            "Authorization",
            format!("Basic {}", token68(user, pass)).as_str(),
        )
        .send()
        .await;
    if let Ok(resp) = &result {
        if resp.status() == 200 {
            return true;
        }
        error!(status = resp.status(), "Login was unsuccessful")
    } else {
        error!(err=?result.unwrap_err(), "Failed to send auth request");
    }
    return false;
}

#[component(LoginForm<G>)]
pub fn login_form() -> View<G> {
    let username = Signal::new("".to_owned());
    let password = Signal::new("".to_owned());
    let clicked = Signal::new(("".to_owned(), "".to_owned()));
    create_effect(cloned!((clicked) => move || {
        let (username, password) = (*clicked.get()).clone();
        if username != "" && password != "" {
            spawn_local_in_scope(async move {
                debug!("authenticating against ui");
                authenticate(username, password).await;
            });
        }
    }));
    view! {
        form() {
            label(for="username") { "Username" }
            input(type="text", id="username", bind:value=username.clone())
            label(for="password") { "Password" }
            input(type="password", bind:value=password.clone())
            input(type="button", value="Login", on:click=cloned!((clicked) => move |_| {
                info!("Attempting login request");
                clicked.set(((*username.get_untracked()).clone(), (*password.get_untracked()).clone()));
                debug!("triggering login click subscribers");
                clicked.trigger_subscribers();
            })) {  }
        }
    }
}

#[component(LoginPage<G>)]
pub fn login_page() -> View<G> {
    view! {
        TabbedView(TabState {
            inner: view! { LoginForm() }
        })
    }
}