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
104
105
106
107
108
109
110
111
112

use super::traits::Renderable

pub enum SidebarPosition {
    Left,
    Right,
}

pub struct SidebarItem {
    label: string,
    icon: string,
    href: string,
}

impl SidebarItem {
    pub fn new(label: string) -> SidebarItem {
        SidebarItem {
            label: label,
            icon: String::from(""),
            href: String::from("#"),
        }
    }
    
    pub fn icon(self, icon: string) -> SidebarItem {
        self.icon = icon
        self
    }
    
    pub fn href(self, href: string) -> SidebarItem {
        self.href = href
        self
    }
}

pub struct Sidebar {
    items: Vec<SidebarItem>,
    position: SidebarPosition,
    width: string,
    collapsed: bool,
}

impl Sidebar {
    pub fn new() -> Sidebar {
        Sidebar {
            items: Vec::new(),
            position: SidebarPosition::Left,
            width: String::from("250px"),
            collapsed: false,
        }
    }
    
    pub fn item(self, item: SidebarItem) -> Sidebar {
        self.items.push(item)
        self
    }
    
    pub fn position(self, pos: SidebarPosition) -> Sidebar {
        self.position = pos
        self
    }
    
    pub fn width(self, width: string) -> Sidebar {
        self.width = width
        self
    }
    
    pub fn collapsed(self, collapsed: bool) -> Sidebar {
        self.collapsed = collapsed
        self
    }
    
}

impl Renderable for Sidebar {
fn render(self) -> string {
        let mut items_html = Vec::new()
        
        for item in self.items {
            let icon_html = if item.icon.len() > 0 {
                format!("<span class='wj-sidebar-icon'>{}</span>", item.icon)
            } else {
                String::from("")
            }
            
            items_html.push(format!(
                "<a href='{}' class='wj-sidebar-item'>{}<span class='wj-sidebar-label'>{}</span></a>",
                item.href,
                icon_html,
                item.label
            ))
        }
        
        let position_class = match self.position {
            SidebarPosition::Left => "wj-sidebar-left",
            SidebarPosition::Right => "wj-sidebar-right",
        }
        
        let collapsed_class = if self.collapsed { " wj-sidebar-collapsed" } else { "" }
        
        format!(
            "<aside class='wj-sidebar {} {}' style='width: {}'>
                <div class='wj-sidebar-toggle' onclick='this.parentElement.classList.toggle(\"wj-sidebar-collapsed\")'>
                    <span class='wj-sidebar-toggle-icon'>☰</span>
                </div>
                <nav class='wj-sidebar-nav'>{}</nav>
            </aside>",
            position_class,
            collapsed_class,
            self.width,
            items_html.join("")
        )
    }
}