euv-example 0.3.6

An example application demonstrating the euv UI framework with reactive signals, custom components, and WebAssembly.
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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138

use crate::*;

/// Reactive state for the modal demo feature.
#[derive(Clone, Copy, Data, New)]
pub struct UseModal {
    /// Whether the basic modal is visible.
    #[get(pub, type(copy))]
    #[set(pub)]
    pub show_basic: Signal<bool>,
    /// Whether the confirm modal is visible.
    #[get(pub, type(copy))]
    #[set(pub)]
    pub show_confirm: Signal<bool>,
    /// Whether the form modal is visible.
    #[get(pub, type(copy))]
    #[set(pub)]
    pub show_form: Signal<bool>,
    /// The confirm action result message.
    #[get(pub, type(copy))]
    #[set(pub)]
    pub confirm_result: Signal<String>,
    /// The modal form name input.
    #[get(pub, type(copy))]
    #[set(pub)]
    pub modal_name: Signal<String>,
    /// The modal form email input.
    #[get(pub, type(copy))]
    #[set(pub)]
    pub modal_email: Signal<String>,
    /// The modal form submission result.
    #[get(pub, type(copy))]
    #[set(pub)]
    pub modal_submitted: Signal<String>,
}

/// Creates modal demo state signals wrapped in a `UseModal` struct.
///
/// # Returns
///
/// - `UseModal`: The modal state.
pub fn use_modal() -> UseModal {
    UseModal::new(
        use_signal(|| false),
        use_signal(|| false),
        use_signal(|| false),
        use_signal(|| "".to_string()),
        use_signal(|| "".to_string()),
        use_signal(|| "".to_string()),
        use_signal(|| "".to_string()),
    )
}

/// Creates a click event handler that opens the basic modal.
///
/// # Arguments
///
/// - `UseModal`: The modal state.
///
/// # Returns
///
/// - `NativeEventHandler`: A click handler to open the basic modal.
pub fn modal_on_open_basic(state: UseModal) -> NativeEventHandler {
    NativeEventHandler::new(NativeEventName::Click, move |_event: NativeEvent| {
        state.show_basic.set(true);
    })
}

/// Creates a click event handler that opens the confirm modal.
///
/// # Arguments
///
/// - `UseModal`: The modal state.
///
/// # Returns
///
/// - `NativeEventHandler`: A click handler to open the confirm modal.
pub fn modal_on_open_confirm(state: UseModal) -> NativeEventHandler {
    NativeEventHandler::new(NativeEventName::Click, move |_event: NativeEvent| {
        state.show_confirm.set(true);
        state.confirm_result.set("".to_string());
    })
}

/// Creates a click event handler that opens the form modal.
///
/// # Arguments
///
/// - `UseModal`: The modal state.
///
/// # Returns
///
/// - `NativeEventHandler`: A click handler to open the form modal.
pub fn modal_on_open_form(state: UseModal) -> NativeEventHandler {
    NativeEventHandler::new(NativeEventName::Click, move |_event: NativeEvent| {
        state.show_form.set(true);
        state.modal_name.set("".to_string());
        state.modal_email.set("".to_string());
        state.modal_submitted.set("".to_string());
    })
}

/// Creates a click event handler that confirms the action and closes the confirm modal.
///
/// # Arguments
///
/// - `UseModal`: The modal state.
///
/// # Returns
///
/// - `NativeEventHandler`: A click handler to confirm the action.
pub fn modal_on_confirm(state: UseModal) -> NativeEventHandler {
    NativeEventHandler::new(NativeEventName::Click, move |_event: NativeEvent| {
        state.confirm_result.set("Action confirmed!".to_string());
        state.show_confirm.set(false);
    })
}

/// Creates a click event handler that submits the form modal.
///
/// # Arguments
///
/// - `UseModal`: The modal state.
///
/// # Returns
///
/// - `NativeEventHandler`: A click handler to submit the form modal.
pub fn modal_on_form_submit(state: UseModal) -> NativeEventHandler {
    NativeEventHandler::new(NativeEventName::Click, move |_event: NativeEvent| {
        let name: String = state.modal_name.get();
        let email: String = state.modal_email.get();
        if !name.trim().is_empty() && !email.trim().is_empty() {
            state
                .modal_submitted
                .set(format!("Signed up: {} ({})", name, email));
            state.show_form.set(false);
        }
    })
}