seed-bootstrap 0.2.0

Components for using Bootstrap toolkit with Seed framework
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

use seed::virtual_dom::IntoNodes;
use seed::{prelude::*, *};
use std::borrow::Cow;

// ------ ButtonGroup ------

pub struct ButtonGroup<Ms: 'static> {
    role: Role,
    label: Option<Label>,
    content: Vec<Node<Ms>>,
    vertical: bool,
    attrs: Attrs,
    style: Style,
}

impl<Ms> ButtonGroup<Ms> {
    pub fn new(label: impl Into<Cow<'static, str>>) -> Self {
        Self::default().label(label)
    }

    pub fn new_labelled_by(labelled_by: impl Into<Cow<'static, str>>) -> Self {
        Self::default().labelled_by(labelled_by)
    }

    pub fn label(mut self, label: impl Into<Cow<'static, str>>) -> Self {
        self.label = Some(Label::Label(label.into()));
        self
    }

    pub fn labelled_by(mut self, labelled_by: impl Into<Cow<'static, str>>) -> Self {
        self.label = Some(Label::LabelledBy(labelled_by.into()));
        self
    }

    pub fn group(mut self) -> Self {
        self.role = Role::Group;
        self
    }

    pub fn toolbar(mut self) -> Self {
        self.role = Role::Toolbar;
        self
    }

    pub fn content(mut self, content: impl IntoNodes<Ms>) -> Self {
        self.content = content.into_nodes();
        self
    }

    pub fn vertical(mut self) -> Self {
        self.vertical = true;
        self
    }

    pub fn add_attrs(mut self, attrs: Attrs) -> Self {
        self.attrs.merge(attrs);
        self
    }

    pub fn add_style(mut self, style: Style) -> Self {
        self.style.merge(style);
        self
    }

    pub fn view(self) -> Node<Ms> {
        let class = format!(
            "{}{}",
            match self.role {
                Role::Group => "btn-group",
                Role::Toolbar => "btn-toolbar",
            },
            if self.vertical { "-vertical" } else { "" }
        );
        div![
            self.style,
            C![class.as_str()],
            attrs! {
                At::from("role") => match self.role {
                    Role::Group => "group",
                    Role::Toolbar => "toolbar"
                },
            },
            match self.label {
                Some(Label::Label(label)) => attrs! {At::from("aria-label") => label},
                Some(Label::LabelledBy(labelled_by)) =>
                    attrs! {At::from("aria-labelledby") => labelled_by},
                None => attrs! {},
            },
            self.attrs,
            self.content,
        ]
    }
}

impl<Ms> Default for ButtonGroup<Ms> {
    fn default() -> Self {
        Self {
            role: Role::default(),
            label: None,
            content: Vec::new(),
            vertical: false,
            attrs: Attrs::empty(),
            style: Style::empty(),
        }
    }
}

impl<Ms> UpdateEl<Ms> for ButtonGroup<Ms> {
    fn update_el(self, el: &mut El<Ms>) {
        self.view().update_el(el)
    }
}

// ------ Role ------

pub enum Role {
    Group,
    Toolbar,
}

impl Default for Role {
    fn default() -> Self {
        Self::Group
    }
}

// ------ Label ------

pub enum Label {
    Label(Cow<'static, str>),
    LabelledBy(Cow<'static, str>),
}