fhtmx 0.29.0

Create html with rust with support for htmx.
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

use super::{daisy::*, icons};
use crate::{element::Element, html_element::*, node::*};
use pastey::paste;

/// Creates a new callout component
pub fn mk_callout(
    title: impl IntoNode,
    content: impl IntoNode,
    color: &str,
    collapse: bool,
) -> HtmlElement {
    let open_cls = if collapse {
        "collapse-arrow"
    } else {
        "collapse-open"
    };
    dc_collapse()
        .add_class(open_cls)
        .add_class("border border-l-6 rounded bg-base-100")
        .add_class(format!("border-{color}/50"))
        .add(input().typ("checkbox"))
        .add(
            dc_collapse_title()
                .add_class("px-2 py-1 flex items-center")
                .add_class(format!("bg-{color}/20"))
                .add(title),
        )
        .add(dc_collapse_content().add(content))
}

macro_rules! new_callout {
    ($($icon:expr; $color:literal),* $(,)?) => {
        paste! {
            $(
                #[doc = "Creates a new callout component with " $color " color."]
                pub fn [<mk_callout_ $icon>](title: Option<&str>, content: impl IntoNode, collapse: bool) -> HtmlElement {
                    let icon = icons::$icon().class("h-5 w-5").add_class(concat!("text-", $color));
                    let mut title_content = stringify!([< $icon:camel >]).to_string();
                    if let Some(s) = title {
                        title_content.push_str(": ");
                        title_content.push_str(&s);
                    }
                    let title = p()
                        .class("ml-2 pr-8 font-bold text-lg")
                        .add(title_content);
                    let title = crate::children![icon, title];
                    let content = div().class("pt-4").add(content);
                    mk_callout(title, content, $color, collapse)
                }
            )*
        }
    };
}

new_callout!(
    note; "info",
    warning; "warning",
    important; "error",
    error; "error",
    tip; "success",
    caution; "error",
);