dialtone_yew 0.1.0

Dialtone Yew Webapp
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

use wasm_bindgen::JsCast;
use wasm_bindgen::UnwrapThrowExt;
use web_sys::Event;
use web_sys::HtmlInputElement;
use web_sys::InputEvent;
use yew::prelude::*;

#[derive(Properties, PartialEq, Clone)]
pub struct DtInputTextProps {
    pub name: String,
    pub disabled: bool,
    pub on_update_value: Callback<String>,
    pub id: String,
}

#[function_component(DtInputText)]
pub fn dt_input_text(props: &DtInputTextProps) -> Html {
    let DtInputTextProps {
        name,
        disabled,
        on_update_value,
        id,
    } = props.clone();
    let oninput = {
        Callback::from(move |e: InputEvent| {
            let event: Event = e.dyn_into().unwrap_throw();
            let event_target = event.target().unwrap_throw();
            let target: HtmlInputElement = event_target.dyn_into().unwrap_throw();
            on_update_value.emit(target.value());
        })
    };
    let html = html! {
        <input type="text" {id} {name} class="dt_input_text" {oninput} {disabled}/>
    };
    html
}