euv-example 0.3.4

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

use crate::*;

/// Reactive state for the modal demo feature.
///
/// # Fields
///
/// - `Signal<bool>`: Whether the basic modal is visible.
/// - `Signal<bool>`: Whether the confirm modal is visible.
/// - `Signal<bool>`: Whether the form modal is visible.
/// - `Signal<String>`: The confirm action result message.
/// - `Signal<String>`: The modal form name input.
/// - `Signal<String>`: The modal form email input.
/// - `Signal<String>`: The modal form submission result.
#[derive(Clone, Copy)]
pub struct UseModal {
    pub show_basic: Signal<bool>,
    pub show_confirm: Signal<bool>,
    pub show_form: Signal<bool>,
    pub confirm_result: Signal<String>,
    pub modal_name: Signal<String>,
    pub modal_email: Signal<String>,
    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 {
        show_basic: use_signal(|| false),
        show_confirm: use_signal(|| false),
        show_form: use_signal(|| false),
        confirm_result: use_signal(|| "".to_string()),
        modal_name: use_signal(|| "".to_string()),
        modal_email: use_signal(|| "".to_string()),
        modal_submitted: 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);
        }
    })
}