nova-forms 0.1.11

Build online forms with ease.
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

use leptos::*;

use crate::{BaseGroupContext, GroupContext, InputContext, Node};

#[component]
pub fn Summary() -> impl IntoView {
    let group = expect_context::<BaseGroupContext>();

    view! {
        <div class="summary">
            <SummaryGroup group=group.to_group_context() />
        </div>
    }
}

#[component]
fn SummaryGroup(
    group: GroupContext,
) -> impl IntoView {
    view! {
        <div class="summary-group">
            <span class="summary-group-label">{group.label()}</span>
            <div class="summary-group-content">
                <For
                    each={move || group.nodes()}
                    key={move |node| node.qs()}
                    children={move |node| {
                        view! {
                            <div class="summary-group-node">
                                {match node {
                                    Node::Group(group) => view! {
                                        <SummaryGroup group=group />
                                    },
                                    Node::Input(input) => view! {
                                        <SummaryInput input=input />
                                    }
                                }}
                            </div>
                        }
                    }}
                />
            </div>
        </div>
    }
}

#[component]
fn SummaryInput(
    input: InputContext,
) -> impl IntoView {
    view! {
        <div class="summary-input">
            <span class="summary-input-label">{input.label()}</span>
            <span class="summary-input-value">{input.raw_value()}</span>
        </div>
    }
}