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


use super::traits::Renderable
pub struct Panel {
    title: string,
    children: Vec<string>,
    collapsible: bool,
    collapsed: bool,
    padding: string,
}

impl Panel {
    pub fn new(title: string) -> Panel {
        Panel {
            title,
            children: Vec::new(),
            collapsible: false,
            collapsed: false,
            padding: "16px".to_string(),
        }
    }

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

    pub fn collapsible(self, collapsible: bool) -> Panel {
        self.collapsible = collapsible
        self
    }

    pub fn collapsed(self, collapsed: bool) -> Panel {
        self.collapsed = collapsed
        self
    }

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


}

impl Renderable for Panel {
pub fn render(self) -> string {
        let header_class = if self.collapsible { "wj-panel-header-collapsible" } else { "wj-panel-header" }
        let icon = if self.collapsible {
            if self.collapsed { "▶" } else { "▼" }
        } else {
            ""
        }

        let content_style = if self.collapsed {
            "display: none;"
        } else {
            "display: block;"
        }

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

        format!("<div class='wj-panel'>
  <div class='{}'>
    <span>{}</span>
    <h3>{}</h3>
  </div>
  <div class='wj-panel-content' style='{}padding: {};'>
    {}
  </div>
</div>", header_class, icon, self.title, content_style, self.padding, children_html)
    }
}

fn main() {
    let panel = Panel::new("Settings".to_string())
        .child("<p>Panel content goes here</p>".to_string())
        .collapsible(true)

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