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

use super::traits::Renderable

pub struct ContextMenuItem {
    label: string,
    icon: string,
    action: string,
    disabled: bool,
}

impl ContextMenuItem {
    pub fn new(label: string) -> ContextMenuItem {
        ContextMenuItem {
            label: label,
            icon: String::from(""),
            action: String::from(""),
            disabled: false,
        }
    }
    
    pub fn icon(self, icon: string) -> ContextMenuItem {
        self.icon = icon
        self
    }
    
    pub fn action(self, action: string) -> ContextMenuItem {
        self.action = action
        self
    }
    
    pub fn disabled(self, disabled: bool) -> ContextMenuItem {
        self.disabled = disabled
        self
    }
}

pub struct ContextMenu {
    items: Vec<ContextMenuItem>,
    trigger_id: string,
}

impl ContextMenu {
    pub fn new(trigger_id: string) -> ContextMenu {
        ContextMenu {
            items: Vec::new(),
            trigger_id: trigger_id,
        }
    }
    
    pub fn item(self, item: ContextMenuItem) -> ContextMenu {
        self.items.push(item)
        self
    }
    
}

impl Renderable for ContextMenu {
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-context-icon'>{}</span>", item.icon)
            } else {
                String::from("")
            }
            
            let disabled_class = if item.disabled { " wj-context-item-disabled" } else { "" }
            let disabled_attr = if item.disabled { " disabled" } else { "" }
            
            items_html.push(format!(
                "<button class='wj-context-item{}' onclick='{}'{}>
                    {}
                    <span>{}</span>
                </button>",
                disabled_class,
                item.action,
                disabled_attr,
                icon_html,
                item.label
            ))
        }
        
        format!(
            "<div class='wj-context-menu' id='context-{}' style='display: none'>
                {}
            </div>",
            self.trigger_id,
            items_html.join("")
        )
    }
}