revue 2.71.1

A Vue-style TUI framework for Rust with CSS styling
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154

//! Progress widget demos

use crate::example::Example;
use crate::{theme_colors, themed_gauge, threshold_gauge};
use revue::prelude::*;
use revue::widget::{battery, stopwatch, timer_widget, Spinner, Step, StepStatus, Stepper};

pub fn examples(cpu: f64, memory: f64) -> Vec<Example> {
    let (primary, success, warning, error, info, muted, _text, surface) = theme_colors();

    vec![
        Example::new(
            "Progress Bars",
            "Visual completion indicators with colors and percentages",
            Border::rounded().title(" Progress Bars ").child(
                vstack()
                    .gap(1)
                    .child(Text::new("Basic progress:").fg(primary))
                    .child(Progress::new(0.75))
                    .child(Text::new(""))
                    .child(Text::new("With colors:").fg(primary))
                    .child(
                        vstack()
                            .gap(1)
                            .child(Progress::new(0.75).filled_color(success))
                            .child(Progress::new(0.45).filled_color(info))
                            .child(Progress::new(0.90).filled_color(warning))
                            .child(Progress::new(0.30).filled_color(error)),
                    )
                    .child(Text::new(""))
                    .child(Text::new("With percentages:").fg(primary))
                    .child(
                        vstack()
                            .gap(1)
                            .child(Progress::new(0.65).show_percentage(true))
                            .child(Progress::new(0.80).show_percentage(true)),
                    )
                    .child(Text::new(""))
                    .child(Text::new("• Visual completion").fg(muted))
                    .child(Text::new("• Custom colors").fg(muted))
                    .child(Text::new("• Percentage display").fg(muted)),
            ),
        ),
        Example::new(
            "Gauges",
            "System gauges with threshold coloring and custom widths",
            Border::rounded().title(" Gauges ").child(
                vstack()
                    .gap(1)
                    .child(Text::new("System gauges:").fg(primary))
                    .child(
                        vstack()
                            .gap(1)
                            .child(threshold_gauge(cpu, "CPU", success, error, surface, 0.8))
                            .child(themed_gauge(memory, "Memory", info, surface))
                            .child(themed_gauge(0.45, "Disk", warning, surface))
                            .child(themed_gauge(0.92, "Network", primary, surface)),
                    )
                    .child(Text::new(""))
                    .child(Text::new("Custom width:").fg(primary))
                    .child(
                        hstack()
                            .gap(2)
                            .child(themed_gauge(0.75, "A", success, surface).width(10))
                            .child(themed_gauge(0.50, "B", info, surface).width(10))
                            .child(themed_gauge(0.25, "C", warning, surface).width(10)),
                    )
                    .child(Text::new(""))
                    .child(Text::new("• Visual percentage").fg(muted))
                    .child(Text::new("• Threshold coloring").fg(muted))
                    .child(Text::new("• Custom dimensions").fg(muted)),
            ),
        ),
        Example::new(
            "Battery",
            "Device battery status with charging indicator",
            Border::rounded().title(" Battery ").child(
                vstack()
                    .gap(1)
                    .child(Text::new("Battery status:").fg(primary))
                    .child(
                        vstack()
                            .gap(1)
                            .child(battery(0.85).label("Laptop"))
                            .child(battery(0.45).label("Phone"))
                            .child(battery(0.15).label("Mouse")),
                    )
                    .child(Text::new(""))
                    .child(Text::new("Charging:").fg(primary))
                    .child(battery(0.67).label("Tablet"))
                    .child(Text::new(""))
                    .child(Text::new("• Device battery").fg(muted))
                    .child(Text::new("• Charging indicator").fg(muted))
                    .child(Text::new("• Low battery warning").fg(muted)),
            ),
        ),
        Example::new(
            "Timer",
            "Countdown timer and stopwatch modes",
            Border::rounded().title(" Timer ").child(
                vstack()
                    .gap(1)
                    .child(Text::new("Countdown timer:").fg(primary))
                    .child(timer_widget(65))
                    .child(Text::new(""))
                    .child(Text::new("Stopwatch:").fg(primary))
                    .child(stopwatch())
                    .child(Text::new(""))
                    .child(Text::new("• Countdown mode").fg(muted))
                    .child(Text::new("• Stopwatch mode").fg(muted))
                    .child(Text::new("• Custom formatting").fg(muted)),
            ),
        ),
        Example::new(
            "Indeterminate",
            "Loading indicators for unknown duration tasks",
            Border::rounded().title(" Indeterminate ").child(
                vstack()
                    .gap(1)
                    .child(Text::new("Loading (unknown time):").fg(primary))
                    .child(Spinner::new().label("Processing..."))
                    .child(Text::new(""))
                    .child(Text::new("Animated spinner:").fg(primary))
                    .child(Spinner::new().label("Connecting..."))
                    .child(Text::new(""))
                    .child(Text::new("• Unknown duration").fg(muted))
                    .child(Text::new("• Animated indicator").fg(muted))
                    .child(Text::new("• Spinner variant").fg(muted)),
            ),
        ),
        Example::new(
            "Steps Progress",
            "Multi-step progress for wizards and staged processes",
            Border::rounded().title(" Steps Progress ").child(
                vstack()
                    .gap(1)
                    .child(Text::new("Multi-step progress:").fg(primary))
                    .child(
                        vstack().gap(1).child(
                            Stepper::new()
                                .step(Step::new("Setup").status(StepStatus::Completed))
                                .step(Step::new("Configure").status(StepStatus::Completed))
                                .step(Step::new("Build").status(StepStatus::Active))
                                .step(Step::new("Deploy").status(StepStatus::Pending)),
                        ),
                    )
                    .child(Text::new(""))
                    .child(Text::new("• Installation wizard").fg(muted))
                    .child(Text::new("• Multi-stage process").fg(muted))
                    .child(Text::new("• Clear progress").fg(muted)),
            ),
        ),
    ]
}