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


use super::traits::Renderable
pub enum ScrollDirection {
    Vertical,
    Horizontal,
    Both,
}

pub struct ScrollArea {
    children: Vec<string>,
    direction: ScrollDirection,
    height: string,
    width: string,
}

impl ScrollArea {
    pub fn new() -> ScrollArea {
        ScrollArea {
            children: Vec::new(),
            direction: ScrollDirection::Vertical,
            height: "300px".to_string(),
            width: "100%".to_string(),
        }
    }

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

    pub fn direction(self, direction: ScrollDirection) -> ScrollArea {
        self.direction = direction
        self
    }

    pub fn height(self, height: string) -> ScrollArea {
        self.height = height
        self
    }

    pub fn width(self, width: string) -> ScrollArea {
        self.width = width
        self
    }


}

impl Renderable for ScrollArea {
pub fn render(self) -> string {
        let overflow_style = match self.direction {
            ScrollDirection::Vertical => "overflow-y: auto; overflow-x: hidden;",
            ScrollDirection::Horizontal => "overflow-x: auto; overflow-y: hidden;",
            ScrollDirection::Both => "overflow: auto;",
        }

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

        format!("<div class='wj-scroll-area' style='height: {}; width: {}; {}'>
  {}
</div>", self.height, self.width, overflow_style, children_html)
    }
}

fn main() {
    let scroll = ScrollArea::new()
        .height("200px".to_string())
        .child("<p>Line 1</p>".to_string())
        .child("<p>Line 2</p>".to_string())
        .child("<p>Line 3</p>".to_string())

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