euv-example 0.5.31

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

use crate::*;

/// A multimedia page component displaying a QR code of the current page URL.
///
/// Generates a QR code encoding the current browser address (without query
/// parameters and hash fragment) and renders it as an inline SVG image.
///
/// # Returns
///
/// - `VirtualNode` - The multimedia page virtual DOM tree.
#[component]
pub(crate) fn page_multimedia(node: VirtualNode<PageMultimediaProps>) -> VirtualNode {
    let PageMultimediaProps = node.try_get_props().unwrap_or_default();
    let current_url: String = current_url_without_params();
    let qr_code_data_url: String = generate_qr_code_data_url(&current_url);
    html! {
        div {
            class: c_page_container()
            page_header {
                title: "Multimedia"
                subtitle: "QR code and media content showcase."
            }
            my_card {
                title: "QR Code"
                p {
                    class: c_demo_text()
                    "Scan the QR code below to get the current page URL."
                }
                div {
                    class: c_multimedia_image_section()
                    img {
                        class: c_multimedia_qr_code()
                        src: qr_code_data_url
                        alt: "QR Code"
                    }
                }
                p {
                    class: c_multimedia_url_text()
                    current_url
                }
            }
        }
    }
}