forked from projectmoon/tenebrous-dicebot
109 lines
3.1 KiB
Rust
109 lines
3.1 KiB
Rust
use crate::api;
|
|
use crate::error::UiError;
|
|
use crate::state::{Action, WebUiDispatcher};
|
|
use std::rc::Rc;
|
|
use wasm_bindgen_futures::spawn_local;
|
|
use web_sys::FocusEvent;
|
|
use yew::prelude::*;
|
|
use yewdux::dispatch::Dispatcher;
|
|
use yewdux::prelude::*;
|
|
use yewtil::NeqAssign;
|
|
|
|
#[doc(hidden)]
|
|
pub(crate) struct YewduxLogin {
|
|
dispatch: Rc<WebUiDispatcher>,
|
|
link: ComponentLink<YewduxLogin>,
|
|
username: String,
|
|
password: String,
|
|
}
|
|
|
|
pub enum LoginAction {
|
|
UpdateUsername(String),
|
|
UpdatePassword(String),
|
|
Login,
|
|
Noop,
|
|
}
|
|
|
|
pub(crate) type Login = WithDispatch<YewduxLogin>;
|
|
|
|
async fn do_login(
|
|
dispatch: &WebUiDispatcher,
|
|
username: &str,
|
|
password: &str,
|
|
) -> Result<(), UiError> {
|
|
let jwt = api::auth::login(username, password).await?;
|
|
dispatch.send(Action::Login(jwt));
|
|
Ok(())
|
|
}
|
|
|
|
impl Component for YewduxLogin {
|
|
type Message = LoginAction;
|
|
type Properties = WebUiDispatcher;
|
|
|
|
fn create(dispatch: Self::Properties, link: ComponentLink<Self>) -> Self {
|
|
Self {
|
|
dispatch: Rc::new(dispatch),
|
|
link,
|
|
username: "".to_string(),
|
|
password: "".to_string(),
|
|
}
|
|
}
|
|
|
|
fn update(&mut self, action: Self::Message) -> ShouldRender {
|
|
match action {
|
|
LoginAction::UpdateUsername(username) => self.username = username,
|
|
LoginAction::UpdatePassword(password) => self.password = password,
|
|
LoginAction::Login => {
|
|
let dispatch = self.dispatch.clone();
|
|
let username = self.username.clone();
|
|
let password = self.password.clone();
|
|
|
|
spawn_local(async move {
|
|
do_login(&*dispatch, &username, &password).await;
|
|
});
|
|
}
|
|
_ => (),
|
|
};
|
|
|
|
false
|
|
}
|
|
|
|
fn change(&mut self, dispatch: Self::Properties) -> ShouldRender {
|
|
self.dispatch.neq_assign(Rc::new(dispatch))
|
|
}
|
|
|
|
fn view(&self) -> Html {
|
|
let do_the_login = self.link.callback(move |e: FocusEvent| {
|
|
e.prevent_default();
|
|
LoginAction::Login
|
|
});
|
|
|
|
let update_username = self
|
|
.link
|
|
.callback(|e: InputData| LoginAction::UpdateUsername(e.value));
|
|
|
|
let update_password = self
|
|
.link
|
|
.callback(|e: InputData| LoginAction::UpdatePassword(e.value));
|
|
|
|
html! {
|
|
<div>
|
|
<form onsubmit=do_the_login>
|
|
<label for="username">{"Username:"}</label>
|
|
<input oninput=update_username id="username" name="username" type="text" placeholder="Username" />
|
|
<label for="password">{"Password:"}</label>
|
|
<input oninput=update_password id="password" name="password" type="password" placeholder="Password" />
|
|
<input type="submit" value="Log In" />
|
|
</form>
|
|
//<button onclick=refresh_jwt>{ "Refresh JWT" }</button>
|
|
<div>
|
|
{ "Current JWT: " }
|
|
{ self.dispatch.state().jwt_token.as_ref().unwrap_or(&"[not set]".to_string()) }
|
|
</div>
|
|
</div>
|
|
}
|
|
}
|
|
|
|
fn destroy(&mut self) {}
|
|
}
|