1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
use crate::bool_to_option;
use crate::list::request_selected::request_selected_listener;
use crate::list::{GraphicType, RequestSelectedDetail};
use gloo::events::EventListener;
use std::borrow::Cow;
use wasm_bindgen::prelude::*;
use yew::prelude::*;
#[wasm_bindgen(module = "/build/mwc-radio-list-item.js")]
extern "C" {
#[derive(Debug)]
type RadioListItem;
#[wasm_bindgen(getter, static_method_of = RadioListItem)]
fn _dummy_loader() -> JsValue;
}
loader_hack!(RadioListItem);
pub struct MatRadioListItem {
props: RadioListItemProps,
node_ref: NodeRef,
request_selected_listener: Option<EventListener>,
}
#[derive(Debug, Properties, Clone)]
pub struct RadioListItemProps {
#[prop_or_default]
pub left: bool,
#[prop_or_default]
pub group: Option<Cow<'static, str>>,
#[prop_or(GraphicType::Control)]
pub graphic: GraphicType,
#[prop_or_default]
pub on_request_selected: Callback<RequestSelectedDetail>,
pub children: Children,
}
impl Component for MatRadioListItem {
type Message = ();
type Properties = RadioListItemProps;
fn create(props: Self::Properties, _: ComponentLink<Self>) -> Self {
RadioListItem::ensure_loaded();
Self {
props,
node_ref: NodeRef::default(),
request_selected_listener: None,
}
}
fn update(&mut self, _msg: Self::Message) -> ShouldRender {
false
}
fn change(&mut self, props: Self::Properties) -> bool {
self.props = props;
true
}
fn view(&self) -> Html {
html! {
<mwc-radio-list-item
left=bool_to_option(self.props.left)
graphic=self.props.graphic.to_string()
group=self.props.group.as_ref().unwrap_or(&Cow::from("null"))
ref=self.node_ref.clone()
>{ self.props.children.clone() }</mwc-radio-list-item>
}
}
fn rendered(&mut self, _first_render: bool) {
if self.request_selected_listener.is_none() {
self.request_selected_listener = Some(request_selected_listener(
&self.node_ref,
self.props.on_request_selected.clone(),
));
}
}
}