use yew::services::ConsoleService; use yew::prelude::*; use yewtil::NeqAssign; use yewtil::ptr::Irc; use yewtil::ptr::Mrc; use crate::viewmodel::Error; use crate::view::WeakComponentLink; use crate::viewmodel::name::*; use crate::viewmodel::VCardPropertyInputObject; use super::VCardPropertyInputComponent; /// View Component for a `name` field /// /// # Examples /// /// ```compile_fail /// let html = html!{ /// | /// Msg::GeneratedName(some_name) /// ) /// /> /// }; /// ``` pub struct NameView { props: Props, value: Mrc, error: Option, } pub enum Msg { UpdatePrefix(String), UpdateFirstName(String), UpdateMiddleName(String), UpdateLastName(String), UpdateSuffix(String), Generate, } #[derive(Clone, PartialEq, Properties)] pub struct Props { pub generated: Callback>, pub weak_link: WeakComponentLink, } impl VCardPropertyInputComponent for NameView { fn get_input_object(&self) -> Name { match self.value.clone().try_unwrap() { Ok(name) => name, Err(_) => { ConsoleService::error("Couldn't unwrap name"); Name::new() }, } } fn get_title(&self) -> String { "Name".to_string() } fn get_error(&self) -> Option { self.error.clone() } } impl Component for NameView { type Message = Msg; type Properties = Props; fn create(props: ::Properties, link: yew::html::Scope) -> Self { props.weak_link.borrow_mut().replace(link); Self { props, value: Mrc::new(Name::new()), error: None, } } fn update(&mut self, msg: ::Message) -> bool { match msg { Msg::UpdatePrefix(p) => self.value.prefix = p, Msg::UpdateFirstName(f) => self.value.first_name = f, Msg::UpdateMiddleName(m) => self.value.middle_name = m, Msg::UpdateLastName(l) => self.value.last_name = l, Msg::UpdateSuffix(s) => self.value.suffix = s, Msg::Generate => { self.props.generated.emit(self.value.irc()); }, }; true } fn change(&mut self, props: ::Properties) -> bool { self.props.neq_assign(props) } fn view(&self) -> yew::virtual_dom::VNode { let link = self.props.weak_link.borrow().clone().unwrap(); html!{
{ self.render_error() }

{ self.get_title() }

{ self.get_input_object().render(&link) }
} } }