yew-bulma 0.0.1

Yew components compatible with the Bulma CSS framework
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

use super::label::Label;
use std::{collections::HashMap, rc::Rc};
use yew::prelude::*;

pub struct Field<T>
where
    T: Copy + std::hash::Hash + Eq + PartialEq + std::fmt::Debug + 'static,
{
    props: Props<T>,
}

#[derive(Clone, Properties)]
pub struct Props<T>
where
    T: Copy + std::hash::Hash + Eq + PartialEq + std::fmt::Debug + 'static,
{
    pub field: T,
    pub errors: Option<Rc<HashMap<T, Vec<Rc<Html>>>>>,
    #[prop_or_default]
    pub label: String,
    #[prop_or_default]
    pub help: String,
    #[prop_or_default]
    pub children: Children,
}

impl<T> Component for Field<T>
where
    T: Copy + std::hash::Hash + Eq + PartialEq + std::fmt::Debug + 'static,
{
    type Message = ();
    type Properties = Props<T>;

    fn create(props: Self::Properties, _: ComponentLink<Self>) -> Self {
        Self { props }
    }

    fn update(&mut self, _: Self::Message) -> ShouldRender {
        false
    }

    fn view(&self) -> Html {
        let label = if !self.props.label.is_empty() {
            html! {<Label text=self.props.label.clone()/>}
        } else {
            html! {}
        };
        let help = if !self.props.help.is_empty() {
            html! {<p class="help">{ &self.props.help }</p>}
        } else {
            html! {}
        };
        let errors = self.props.errors.as_ref().map(|errors| {
            errors.get(&self.props.field).map(|errors| {
                errors
                    .iter()
                    .map(|e| html! {<p class="help is-danger">{e.as_ref().clone()}</p>})
                    .collect::<Html>()
            })
        });

        let error_message = match errors {
            Some(errors) => match errors {
                Some(field_errors) => field_errors,
                None => Html::default(),
            },
            None => Html::default(),
        };
        html! {
            <div class="field">
                { label }
                { self.props.children.clone() }
                { error_message }
                { help }
            </div>
        }
    }
    fn change(&mut self, props: Self::Properties) -> ShouldRender {
        self.props = props;
        true
    }
}