windjammer-ui 0.3.6

Cross-platform UI framework for Windjammer (Web, Desktop, Mobile)
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103

#![allow(clippy::all)]
#![allow(noop_method_call)]
use super::traits::Renderable;

#[derive(Clone, Debug, PartialEq, Copy)]
pub enum FlexDirection {
    Row,
    Column,
}

#[derive(Debug, Clone, PartialEq)]
pub struct Flex {
    pub children: Vec<String>,
    pub direction: FlexDirection,
    pub gap: String,
    pub padding: String,
    pub background_color: String,
}

impl Flex {
    #[inline]
    pub fn new() -> Flex {
        Flex {
            children: Vec::new(),
            direction: FlexDirection::Row,
            gap: "8px".to_string(),
            padding: "".to_string(),
            background_color: "".to_string(),
        }
    }
    #[inline]
    pub fn direction(mut self, direction: FlexDirection) -> Flex {
        self.direction = direction;
        self
    }
    #[inline]
    pub fn child(mut self, child: String) -> Flex {
        self.children.push(child);
        self
    }
    #[inline]
    pub fn children(mut self, children: Vec<String>) -> Flex {
        self.children = children;
        self
    }
    #[inline]
    pub fn gap(mut self, gap: String) -> Flex {
        self.gap = gap;
        self
    }
    #[inline]
    pub fn gap_px(mut self, gap: i32) -> Flex {
        self.gap = format!("{}px", gap);
        self
    }
    #[inline]
    pub fn padding(mut self, padding: String) -> Flex {
        self.padding = padding;
        self
    }
    #[inline]
    pub fn background_color(mut self, color: String) -> Flex {
        self.background_color = color;
        self
    }
}

impl Renderable for Flex {
    #[inline]
    fn render(self) -> String {
        let direction_str = match self.direction {
            FlexDirection::Row => "row".to_string(),
            FlexDirection::Column => "column".to_string(),
        };
        let mut style = format!(
            "{}{}{}{}{}",
            "display: flex; flex-direction: ".to_string(),
            direction_str,
            "; gap: ",
            self.gap,
            ";"
        );
        if self.padding != "" {
            style = format!("{}{}{}{}", style, " padding: ", self.padding, ";");
        }
        if self.background_color != "" {
            style = format!(
                "{}{}{}{}",
                style, " background-color: ", self.background_color, ";"
            );
        }
        let children_html = self.children.join(
            "
  ",
        );
        format!(
            "<div class='wj-flex' style='{}'>
  {}
</div>",
            style, children_html
        )
    }
}