9f2cd84b23
- Add `mix` method to mix two color. - Export `ui::theme::*` to crate root, before `use ui:theme::ActiveTheme` to `use ui::ActiveTheme`. ## Break Changes - Moved `ui::theme::Colorize` to `ui::Colorize`. - Merged `ColorExt` to `Colorize`. - Renamed `to_hex_string` to `to_hex`, `parse_hex_string` to `parse_hex`.
56 lines
1.4 KiB
Rust
56 lines
1.4 KiB
Rust
use crate::ActiveTheme;
|
|
use gpui::{
|
|
div, prelude::FluentBuilder, px, relative, IntoElement, ParentElement, RenderOnce, Styled,
|
|
WindowContext,
|
|
};
|
|
|
|
/// A Progress bar element.
|
|
#[derive(IntoElement)]
|
|
pub struct Progress {
|
|
value: f32,
|
|
height: f32,
|
|
}
|
|
|
|
impl Progress {
|
|
pub fn new() -> Self {
|
|
Progress {
|
|
value: Default::default(),
|
|
height: 8.,
|
|
}
|
|
}
|
|
|
|
pub fn value(mut self, value: f32) -> Self {
|
|
self.value = value;
|
|
self
|
|
}
|
|
}
|
|
|
|
impl RenderOnce for Progress {
|
|
fn render(self, cx: &mut WindowContext) -> impl IntoElement {
|
|
let rounded = px(self.height / 2.);
|
|
let relative_w = relative(match self.value {
|
|
v if v < 0. => 0.,
|
|
v if v > 100. => 1.,
|
|
v => v / 100.,
|
|
});
|
|
|
|
div()
|
|
.relative()
|
|
.h(px(self.height))
|
|
.rounded(rounded)
|
|
.bg(cx.theme().progress_bar.opacity(0.2))
|
|
.child(
|
|
div()
|
|
.absolute()
|
|
.top_0()
|
|
.left_0()
|
|
.h_full()
|
|
.w(relative_w)
|
|
.bg(cx.theme().progress_bar)
|
|
.map(|this| match self.value {
|
|
v if v >= 100. => this.rounded(rounded),
|
|
_ => this.rounded_l(rounded),
|
|
}),
|
|
)
|
|
}
|
|
}
|