htmx-components 0.3.0

HTMX enabled components for Axum
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

use super::html_element::HtmlElement;
use rscx::{component, html, props};
use rscx_web_macros::{html_element, spread_attrs};

#[html_element]
pub struct YcControlProps {
    #[builder(setter(into), default)]
    control: String,

    #[builder(default)]
    children: String,
}

#[component]
pub fn YcControl(props: YcControlProps) -> String {
    html! {
        <HtmlElement
            attrs=spread_attrs!(props).set("data-yc-control", props.control)
        >
            {props.children}
            <script>"YcControls.attach(document.currentScript.parentElement);"</script>
        </HtmlElement>
    }
}

#[html_element]
pub struct ToggleProps {
    #[builder(default)]
    children: String,
}

#[component]
pub fn Toggle(props: ToggleProps) -> String {
    html! {
        <YcControl
            control="toggle"
            attrs=spread_attrs!(props)
        >
            {props.children}
        </YcControl>
    }
}

#[props]
pub struct YcControlJsApiProps {
    #[builder(setter(into))]
    call: String,
}

#[component]
pub fn YcControlJsApi(props: YcControlJsApiProps) -> String {
    html! {
        <script>
            {format!(
                r#"
                    (function(callerScript) {{
                        YcControls.onReady(function() {{
                            YcControls.{};
                        }});
                    }}(document.currentScript));
                "#,
                props.call,
            )}
        </script>
    }
}