2021-05-13 17:33:57 +00:00
|
|
|
use crate::api::HostService;
|
|
|
|
use anyhow::{anyhow, Result};
|
|
|
|
use lldap_model::*;
|
|
|
|
use wasm_bindgen::JsCast;
|
|
|
|
use yew::prelude::*;
|
2021-05-18 15:44:46 +00:00
|
|
|
use yew::services::{fetch::FetchTask, ConsoleService};
|
|
|
|
use yew::FocusEvent;
|
2021-05-13 17:33:57 +00:00
|
|
|
|
|
|
|
pub struct LoginForm {
|
|
|
|
link: ComponentLink<Self>,
|
|
|
|
on_logged_in: Callback<String>,
|
|
|
|
error: Option<anyhow::Error>,
|
|
|
|
node_ref: NodeRef,
|
2021-05-14 07:28:15 +00:00
|
|
|
// Used to keep the request alive long enough.
|
|
|
|
_task: Option<FetchTask>,
|
2021-05-13 17:33:57 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#[derive(Clone, PartialEq, Properties)]
|
|
|
|
pub struct Props {
|
|
|
|
pub on_logged_in: Callback<String>,
|
|
|
|
}
|
|
|
|
|
|
|
|
pub enum Msg {
|
|
|
|
Submit,
|
|
|
|
AuthenticationResponse(Result<String>),
|
|
|
|
}
|
|
|
|
|
2021-05-18 15:44:46 +00:00
|
|
|
impl LoginForm {
|
|
|
|
fn set_error(&mut self, error: anyhow::Error) {
|
|
|
|
ConsoleService::error(&error.to_string());
|
|
|
|
self.error = Some(error);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-05-13 17:33:57 +00:00
|
|
|
impl Component for LoginForm {
|
|
|
|
type Message = Msg;
|
|
|
|
type Properties = Props;
|
|
|
|
|
|
|
|
fn create(props: Self::Properties, link: ComponentLink<Self>) -> Self {
|
|
|
|
LoginForm {
|
|
|
|
link: link.clone(),
|
|
|
|
on_logged_in: props.on_logged_in,
|
|
|
|
error: None,
|
|
|
|
node_ref: NodeRef::default(),
|
2021-05-14 07:28:15 +00:00
|
|
|
_task: None,
|
2021-05-13 17:33:57 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
fn update(&mut self, msg: Self::Message) -> ShouldRender {
|
|
|
|
match msg {
|
|
|
|
Msg::Submit => {
|
|
|
|
let document = web_sys::window().unwrap().document().unwrap();
|
|
|
|
let username = document
|
|
|
|
.get_element_by_id("username")
|
|
|
|
.unwrap()
|
|
|
|
.dyn_into::<web_sys::HtmlInputElement>()
|
|
|
|
.unwrap()
|
|
|
|
.value();
|
|
|
|
let password = document
|
|
|
|
.get_element_by_id("password")
|
|
|
|
.unwrap()
|
|
|
|
.dyn_into::<web_sys::HtmlInputElement>()
|
|
|
|
.unwrap()
|
|
|
|
.value();
|
|
|
|
let req = BindRequest {
|
|
|
|
name: username.to_string(),
|
|
|
|
password: password.to_string(),
|
|
|
|
};
|
|
|
|
match HostService::authenticate(
|
|
|
|
req,
|
|
|
|
self.link.callback(Msg::AuthenticationResponse),
|
|
|
|
) {
|
2021-05-14 07:28:15 +00:00
|
|
|
Ok(task) => self._task = Some(task),
|
2021-05-18 15:44:46 +00:00
|
|
|
Err(e) => self.set_error(e),
|
2021-05-13 17:33:57 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
Msg::AuthenticationResponse(Ok(user_id)) => {
|
|
|
|
self.on_logged_in.emit(user_id);
|
|
|
|
}
|
|
|
|
Msg::AuthenticationResponse(Err(e)) => {
|
2021-05-18 15:44:46 +00:00
|
|
|
self.set_error(anyhow!("Could not log in: {}", e));
|
2021-05-13 17:33:57 +00:00
|
|
|
}
|
|
|
|
};
|
|
|
|
true
|
|
|
|
}
|
|
|
|
|
|
|
|
fn change(&mut self, _: Self::Properties) -> ShouldRender {
|
|
|
|
false
|
|
|
|
}
|
|
|
|
|
|
|
|
fn view(&self) -> Html {
|
|
|
|
html! {
|
2021-05-18 15:44:46 +00:00
|
|
|
<form ref=self.node_ref.clone() onsubmit=self.link.callback(|e: FocusEvent| { e.prevent_default(); Msg::Submit })>
|
2021-05-13 17:33:57 +00:00
|
|
|
<div>
|
|
|
|
<label for="username">{"User name:"}</label>
|
|
|
|
<input type="text" id="username" />
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<label for="password">{"Password:"}</label>
|
|
|
|
<input type="password" id="password" />
|
|
|
|
</div>
|
2021-05-18 15:44:46 +00:00
|
|
|
<button type="submit">{"Login"}</button>
|
2021-05-13 17:33:57 +00:00
|
|
|
<div>
|
|
|
|
{ if let Some(e) = &self.error {
|
|
|
|
html! { e.to_string() }
|
|
|
|
} else { html! {} }
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|