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 ChatInput {
    placeholder: string,
    value: string,
    disabled: bool,
    multiline: bool,
    rows: i32,
}

impl ChatInput {
    pub fn new() -> ChatInput {
        ChatInput {
            placeholder: String::from("Type a message..."),
            value: String::from(""),
            disabled: false,
            multiline: true,
            rows: 3,
        }
    }
    
    pub fn placeholder(self, placeholder: string) -> ChatInput {
        self.placeholder = placeholder
        self
    }
    
    pub fn value(self, value: string) -> ChatInput {
        self.value = value
        self
    }
    
    pub fn disabled(self, disabled: bool) -> ChatInput {
        self.disabled = disabled
        self
    }
    
    pub fn multiline(self, multiline: bool) -> ChatInput {
        self.multiline = multiline
        self
    }
    
    pub fn rows(self, rows: i32) -> ChatInput {
        self.rows = rows
        self
    }
    

}

impl Renderable for ChatInput {
pub fn render(self) -> string {
        let disabled_attr = if self.disabled { " disabled" } else { "" }
        
        let input_html = if self.multiline {
            format!(
                "<textarea class='wj-chat-input-field' placeholder='{}' rows='{}'{}>{}</textarea>",
                self.placeholder,
                self.rows,
                disabled_attr,
                self.value
            )
        } else {
            format!(
                "<input type='text' class='wj-chat-input-field' placeholder='{}' value='{}'{}/>",
                self.placeholder,
                self.value,
                disabled_attr
            )
        }
        
        format!(
            "<div class='wj-chat-input'>
                {}
                <button class='wj-chat-send-button'{}>
                    <span>➤</span>
                </button>
            </div>",
            input_html,
            disabled_attr
        )
    }
}