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


use super::traits::Renderable
pub struct Card {
    title: string,
    children: Vec<string>,
    padding: string,
    background_color: string,
    border_color: string,
}

impl Card {
    pub fn new() -> Card {
        Card {
            title: "".to_string(),
            children: Vec::new(),
            padding: "16px".to_string(),
            background_color: "#fff".to_string(),
            border_color: "#e0e0e0".to_string(),
        }
    }

    pub fn title(self, title: string) -> Card {
        self.title = title
        self
    }

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

    pub fn children(self, children: Vec<string>) -> Card {
        self.children = children
        self
    }

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

    pub fn background_color(self, color: string) -> Card {
        self.background_color = color
        self
    }

    pub fn border_color(self, color: string) -> Card {
        self.border_color = color
        self
    }


}

impl Renderable for Card {
pub fn render(self) -> string {
        let style = format!("padding: {}; background-color: {}; border: 1px solid {}; border-radius: 8px;", self.padding, self.background_color, self.border_color)

        let title_html = if self.title != "" {
            format!("<div class='wj-card-title' style='font-weight: bold; margin-bottom: 12px; font-size: 1.25rem;'>{}</div>", self.title)
        } else {
            "".to_string()
        }

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

        format!("<div class='wj-card' style='{}'>
{}{}
</div>", style, title_html, children_html)
    }
}

fn main() {
    let card1 = Card::new()
        .title("My Card".to_string())
        .child("<p>Card content goes here.</p>".to_string())

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

    let card2 = Card::new()
        .padding("24px".to_string())
        .background_color("#f9f9f9".to_string())
        .border_color("#3498db".to_string())
        .children(vec!["<h3>Title</h3>".to_string(), "<p>Body text</p>".to_string()])

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