formidable 0.1.0

Easily derive forms from structs for Leptos.
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

use std::fmt::Display;

use leptos::prelude::*;

use crate::{components::Description, Name};
use strum::VariantArray;

#[component]
pub fn Select<T>(
    #[prop(into)] label: TextProp,
    #[prop(into, default = None)] description: Option<TextProp>,
    name: Name,
    value: RwSignal<T>,
    //value_label: impl Fn(&T) -> TextProp + 'static,
) -> impl IntoView
where
    T: Clone
        + Copy
        + Into<&'static str>
        + VariantArray
        + PartialEq
        + Display
        + Send
        + Sync
        + 'static,
{
    view! {
        <div class="field select-field">
            <label for=name.to_string()>{label.get()}</label>
            <select
                name=name.to_string()
                id=name.to_string()
                on:change=move |ev| {
                    let selected_value = event_target_value(&ev);
                    // Find the variant that matches the selected value
                    if let Some(&option) = T::VARIANTS.iter().find(|&&variant| {
                        let variant_str: &'static str = variant.into();
                        variant_str == selected_value
                    }) {
                        value.set(option);
                    }
                }
            >
                { T::VARIANTS.iter().map(move |&option| {
                    let option_value: &'static str = option.into();
                    let is_selected = move || value.get() == option;
                    //let value_label = value_label(&option);
                    view! {
                        <option
                            value=option_value
                            selected=is_selected
                        >
                            {format!("{}", option)}
                        </option>
                    }
                }).collect::<Vec<_>>() }
                <Description description={description} />
            </select>
        </div>
    }
}