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

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

#[derive(Clone, Debug, PartialEq, Copy)]
pub enum ProgressVariant {
    Default,
    Success,
    Warning,
    Danger,
}

#[derive(Debug, Clone, PartialEq)]
pub struct Progress {
    pub value: f64,
    pub max: f64,
    pub variant: ProgressVariant,
    pub show_label: bool,
}

impl Progress {
    #[inline]
    pub fn new(value: f64) -> Progress {
        Progress {
            value,
            max: 100.0,
            variant: ProgressVariant::Default,
            show_label: true,
        }
    }
    #[inline]
    pub fn max(mut self, max: f64) -> Progress {
        self.max = max;
        self
    }
    #[inline]
    pub fn variant(mut self, variant: ProgressVariant) -> Progress {
        self.variant = variant;
        self
    }
    #[inline]
    pub fn show_label(mut self, show: bool) -> Progress {
        self.show_label = show;
        self
    }
}

impl Renderable for Progress {
    #[inline]
    fn render(self) -> String {
        let percentage = (self.value / self.max * 100.0).clamp(0.0, 100.0);
        let variant_class = match self.variant {
            ProgressVariant::Default => "wj-progress-default".to_string(),
            ProgressVariant::Success => "wj-progress-success".to_string(),
            ProgressVariant::Warning => "wj-progress-warning".to_string(),
            ProgressVariant::Danger => "wj-progress-danger".to_string(),
        };
        let color = match self.variant {
            ProgressVariant::Default => "#3498db".to_string(),
            ProgressVariant::Success => "#2ecc71".to_string(),
            ProgressVariant::Warning => "#f39c12".to_string(),
            ProgressVariant::Danger => "#e74c3c".to_string(),
        };
        let label_html = {
            if self.show_label {
                format!("{:.0}%", percentage)
            } else {
                "".to_string()
            }
        };
        format!("<div class='wj-progress-container' style='width: 100%; background-color: #e0e0e0; border-radius: 4px; overflow: hidden;'>
  <div class='wj-progress-bar {}' style='width: {}%; height: 24px; background-color: {}; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; transition: width 0.3s ease;'>
    {}
  </div>
</div>", variant_class, percentage, color, label_html)
    }
}