draco 0.1.2

Draco is a Rust library for building client side web applications with Web Assembly.
Documentation 
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123

use wasm_bindgen::prelude::*;

#[derive(Debug, Default)]
pub struct Form {
    username: String,
    password: String,
    accept: bool,
    is_submitting: bool,
}

pub enum Message {
    UpdateUsername(String),
    UpdatePassword(String),
    UpdateAccept(bool),
    Submit,
    Notify,
}

impl draco::App for Form {
    type Message = Message;

    fn update(&mut self, mailbox: &draco::Mailbox<Message>, message: Self::Message) {
        use self::Message::*;
        match message {
            UpdateUsername(username) => {
                self.username = username;
            }
            UpdatePassword(password) => {
                self.password = password;
            }
            UpdateAccept(accept) => {
                self.accept = accept;
            }
            Submit => {
                self.is_submitting = true;
                mailbox.send_after(1000, || Notify);
            }
            Notify => {
                self.is_submitting = false;
                web_sys::window()
                    .unwrap()
                    .alert_with_message(&format!("Submitted: {:?}", self))
                    .unwrap();
            }
        }
    }

    fn render(&self) -> draco::Node<Self::Message> {
        use draco::html as h;
        h::form()
            .on("submit", |event| {
                event.prevent_default();
                Message::Submit
            })
            .push(h::pre().push(format!("{:?}", self)))
            .push(h::label().attr("for", "username").push("Username: "))
            .push(
                h::input()
                    .attr("id", "username")
                    .attr("name", "username")
                    .attr("value", self.username.clone())
                    .on_input(Message::UpdateUsername),
            )
            .push(
                h::button()
                    .attr("type", "button")
                    .push("Clear")
                    .on("click", |_| Message::UpdateUsername("".into())),
            )
            .push(h::br())
            .push(h::label().attr("for", "password").push("Password: "))
            .push(
                h::input()
                    .attr("id", "password")
                    .attr("name", "password")
                    .attr("type", "password")
                    .attr("value", self.password.clone())
                    .on_input(Message::UpdatePassword),
            )
            .push(
                h::button()
                    .attr("type", "button")
                    .push("Clear")
                    .on("click", |_| Message::UpdatePassword("".into())),
            )
            .push(h::br())
            .push(h::label().attr("for", "accept").push("Accept "))
            .push(
                h::input()
                    .attr("id", "accept")
                    .attr("name", "accept")
                    .attr("type", "checkbox")
                    .checked(self.accept)
                    .on_checked(Message::UpdateAccept),
            )
            .push(
                h::button()
                    .attr("type", "button")
                    .push("Agree")
                    .on("click", |_| Message::UpdateAccept(true)),
            )
            .push(
                h::button()
                    .attr("type", "button")
                    .push("Disagree")
                    .on("click", |_| Message::UpdateAccept(false)),
            )
            .push(h::br())
            .push(if self.is_submitting {
                h::button().push("Submitting...").attr("disabled", "")
            } else {
                h::button().push("Submit")
            })
            .into()
    }
}

#[wasm_bindgen]
pub fn start() {
    draco::start(Form::default(), draco::select("main").expect("main").into());
}

pub fn main() {}