viewy 2.0.0

A web UI toolkit that combine the advantages of a design system and an ui library.
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

use std::borrow::BorrowMut;

use crate::DefaultModifiers;
use crate::Renderable;
use crate::components::Appendable;
use crate::node::Node;

/// Used to set card style.
#[derive(Debug, Clone)]
pub enum CardStyle {
    Outlined,
    Filled,
    Raised,
}

/// An outlined view to emphasize a content.
#[derive(Debug, Clone)]
pub struct Card {
    node: Node,
    pub style: CardStyle,
}

impl Card {
    pub fn new(style: CardStyle) -> Self {
        Card {
            node: Node::default(),
            style: style.clone(),
        }
    }

    pub fn action(&mut self, url: &str) -> &mut Self {
        self.tag("a").set_attr("href", url).add_class("clickable")
    }

    pub fn highlighted(&mut self, is_highlighted: bool) -> &mut Self {
        if is_highlighted {
            self.add_class("card--highlighted")
        } else {
            self.remove_class("card--highlighted")
        }
    }

    pub fn remove_highlight_on_submit(&mut self, form_name: &str) -> &mut Self {
        self.set_attr("data-remove-highlight-on-submit", form_name)
    }

    pub fn highlight_on_submit(&mut self, form_name: &str) -> &mut Self {
        self.set_attr("data-highlight-on-submit", form_name)
    }

    /// Make the card submit specified form when clicked
    /// ```rust
    ///use viewy::components::CardStyle;
    /// View::new()
    ///    .append_child({
    ///        Form::new("formName", "/")
    ///    })
    ///    .append_child({
    ///        Card::new(CardStyle::Filled)
    ///            .attach_to_form("formName")
    ///        })
    /// ```
    pub fn attach_to_form(&mut self, form_name: &str) -> &mut Self {
        self.add_class("clickable")
            .set_attr("data-submit-form", form_name)
    }
}
impl std::ops::Deref for Card {
    type Target = Node;

    fn deref(&self) -> &Self::Target {
        &self.node
    }
}

impl std::ops::DerefMut for Card {
    fn deref_mut(&mut self) -> &mut Self::Target {
        &mut self.node
    }
}

impl DefaultModifiers for Card {}

impl Appendable for Card {}

impl Renderable for Card {
    fn render(mut self) -> Node {
        let card_style = format!("card--{:?}", self.style).to_lowercase();
        self.add_class("card").add_class(&card_style);

        self.node
    }
}