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

#![allow(clippy::all)]
#![allow(noop_method_call)]
use super::traits::Renderable;

#[derive(Debug, Clone, PartialEq, Eq, Hash, Default)]
pub struct HamburgerMenuItem {
    pub label: String,
    pub href: String,
}

impl HamburgerMenuItem {
    #[inline]
    pub fn new(label: String, href: String) -> HamburgerMenuItem {
        HamburgerMenuItem { label, href }
    }
}

#[derive(Debug, Clone, Default)]
pub struct HamburgerMenu {
    pub items: Vec<HamburgerMenuItem>,
    pub open: bool,
}

impl HamburgerMenu {
    #[inline]
    pub fn new() -> HamburgerMenu {
        HamburgerMenu {
            items: Vec::new(),
            open: false,
        }
    }
    #[inline]
    pub fn item(mut self, item: HamburgerMenuItem) -> HamburgerMenu {
        self.items.push(item);
        self
    }
    #[inline]
    pub fn open(mut self, open: bool) -> HamburgerMenu {
        self.open = open;
        self
    }
}

impl Renderable for HamburgerMenu {
    #[inline]
    fn render(self) -> String {
        let mut items_html = Vec::new();
        for item in &self.items {
            items_html.push(format!(
                "<a href='{}' class='wj-hamburger-item'>{}</a>",
                item.href.clone(),
                item.label.clone()
            ));
        }
        let open_class = {
            if self.open {
                " wj-hamburger-open".to_string()
            } else {
                "".to_string()
            }
        };
        format!("<div class='wj-hamburger-menu{}'>
                <button class='wj-hamburger-button' onclick='this.parentElement.classList.toggle(\"wj-hamburger-open\")'>
                    <span></span>
                    <span></span>
                    <span></span>
                </button>
                <div class='wj-hamburger-drawer'>
                    {}
                </div>
            </div>", open_class, items_html.join(""))
    }
}