egui-elegance 0.3.0

Elegant, opinionated widgets for egui: buttons, inputs, selects, cards, tabs and more. Paired dark/light themes.
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

//! Status pill — a rounded capsule of small labelled status lights.

use egui::{
    vec2, CornerRadius, Margin, Response, Stroke, Ui, Widget, WidgetInfo, WidgetText, WidgetType,
};

use crate::{
    indicator::{Indicator, IndicatorState},
    theme::Theme,
};

/// A capsule-shaped row of `(label, state)` status items.
///
/// ```no_run
/// # use elegance::{StatusPill, IndicatorState};
/// # egui::__run_test_ui(|ui| {
/// ui.add(
///     StatusPill::new()
///         .item("UI", IndicatorState::On)
///         .item("API", IndicatorState::Connecting)
///         .item("DB", IndicatorState::Off),
/// );
/// # });
/// ```
#[derive(Default)]
#[must_use = "Add with `ui.add(...)`."]
pub struct StatusPill {
    items: Vec<(WidgetText, IndicatorState)>,
}

impl std::fmt::Debug for StatusPill {
    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
        f.debug_struct("StatusPill")
            .field(
                "items",
                &self
                    .items
                    .iter()
                    .map(|(l, s)| (l.text().to_string(), *s))
                    .collect::<Vec<_>>(),
            )
            .finish()
    }
}

impl StatusPill {
    /// Create an empty status pill. Add rows with [`StatusPill::item`].
    pub fn new() -> Self {
        Self { items: Vec::new() }
    }

    /// Append a `(label, state)` row to the pill.
    pub fn item(mut self, label: impl Into<WidgetText>, state: IndicatorState) -> Self {
        self.items.push((label.into(), state));
        self
    }
}

impl Widget for StatusPill {
    fn ui(self, ui: &mut Ui) -> Response {
        let theme = Theme::current(ui.ctx());
        let p = &theme.palette;
        let t = &theme.typography;

        let frame = egui::Frame::new()
            .fill(p.card)
            .stroke(Stroke::new(1.0, p.border))
            .corner_radius(CornerRadius::same(99))
            .inner_margin(Margin::symmetric(12, 4));

        let response = frame
            .show(ui, |ui| {
                ui.horizontal(|ui| {
                    ui.spacing_mut().item_spacing = vec2(10.0, 0.0);
                    for (i, (label, state)) in self.items.iter().enumerate() {
                        if i > 0 {
                            ui.add_space(4.0);
                        }
                        ui.add(Indicator::new(*state));
                        let rt = egui::RichText::new(label.text())
                            .color(p.text_faint)
                            .size(t.small);
                        ui.add(egui::Label::new(rt).wrap_mode(egui::TextWrapMode::Extend));
                    }
                });
            })
            .response;

        response.widget_info(|| WidgetInfo::labeled(WidgetType::Other, true, "status pill"));
        response
    }
}