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


use super::traits::Renderable
pub struct Grid {
    children: Vec<string>,
    columns: i32,
    gap: string,
    padding: string,
}

impl Grid {
    pub fn new(columns: i32) -> Grid {
        Grid {
            children: Vec::new(),
            columns,
            gap: "16px".to_string(),
            padding: "0".to_string(),
        }
    }

    pub fn child(self, child: string) -> Grid {
        self.children.push(child)
        self
    }

    pub fn children(self, children: Vec<string>) -> Grid {
        self.children = children
        self
    }

    pub fn gap(self, gap: string) -> Grid {
        self.gap = gap
        self
    }

    pub fn padding(self, padding: string) -> Grid {
        self.padding = padding
        self
    }


}

impl Renderable for Grid {
pub fn render(self) -> string {
        let style = format!("display: grid; grid-template-columns: repeat({}, 1fr); gap: {}; padding: {};",
            self.columns, self.gap, self.padding)

        let children_html = self.children.join("\n")

        format!("<div class='wj-grid' style='{}'>\n{}\n</div>", style, children_html)
    }
}

fn main() {
    let grid = Grid::new(3)
        .gap("20px".to_string())
        .child("<div style='padding:20px; background:#e3f2fd;'>Item 1</div>".to_string())
        .child("<div style='padding:20px; background:#e3f2fd;'>Item 2</div>".to_string())
        .child("<div style='padding:20px; background:#e3f2fd;'>Item 3</div>".to_string())
        .child("<div style='padding:20px; background:#e3f2fd;'>Item 4</div>".to_string())

    println!("{}", grid.render())
}