8376dd2011
Similar to https://github.com/zed-industries/zed/pull/18690 & https://github.com/zed-industries/zed/pull/18695, this PR enables required docs for `ui` and does some cleanup. Changes: - Enables the `deny(missing_docs)` crate-wide. - Adds `allow(missing_docs)` on many modules until folks pick them up to document them - Documents some modules (all in `ui/src/styles`) - Crate root-level organization: Traits move to `traits`, other misc organization - Cleaned out a bunch of unused code. Note: I'd like to remove `utils/format_distance` but the assistant panel uses it. To move it over to use the `time_format` crate we may need to update it to use `time` instead of `chrono`. Needs more investigation. Release Notes: - N/A
114 lines
3.6 KiB
Rust
114 lines
3.6 KiB
Rust
#![allow(missing_docs)]
|
|
|
|
use gpui::{div, prelude::*, ElementId, IntoElement, Styled, WindowContext};
|
|
|
|
use crate::prelude::*;
|
|
use crate::{Color, Icon, IconName, Selection};
|
|
|
|
/// # Checkbox
|
|
///
|
|
/// Checkboxes are used for multiple choices, not for mutually exclusive choices.
|
|
/// Each checkbox works independently from other checkboxes in the list,
|
|
/// therefore checking an additional box does not affect any other selections.
|
|
#[derive(IntoElement)]
|
|
pub struct Checkbox {
|
|
id: ElementId,
|
|
checked: Selection,
|
|
disabled: bool,
|
|
on_click: Option<Box<dyn Fn(&Selection, &mut WindowContext) + 'static>>,
|
|
}
|
|
|
|
impl Checkbox {
|
|
pub fn new(id: impl Into<ElementId>, checked: Selection) -> Self {
|
|
Self {
|
|
id: id.into(),
|
|
checked,
|
|
disabled: false,
|
|
on_click: None,
|
|
}
|
|
}
|
|
|
|
pub fn disabled(mut self, disabled: bool) -> Self {
|
|
self.disabled = disabled;
|
|
self
|
|
}
|
|
|
|
pub fn on_click(mut self, handler: impl Fn(&Selection, &mut WindowContext) + 'static) -> Self {
|
|
self.on_click = Some(Box::new(handler));
|
|
self
|
|
}
|
|
}
|
|
|
|
impl RenderOnce for Checkbox {
|
|
fn render(self, cx: &mut WindowContext) -> impl IntoElement {
|
|
let group_id = format!("checkbox_group_{:?}", self.id);
|
|
|
|
let icon = match self.checked {
|
|
Selection::Selected => Some(Icon::new(IconName::Check).size(IconSize::Small).color(
|
|
if self.disabled {
|
|
Color::Disabled
|
|
} else {
|
|
Color::Selected
|
|
},
|
|
)),
|
|
Selection::Indeterminate => Some(
|
|
Icon::new(IconName::Dash)
|
|
.size(IconSize::Small)
|
|
.color(if self.disabled {
|
|
Color::Disabled
|
|
} else {
|
|
Color::Selected
|
|
}),
|
|
),
|
|
Selection::Unselected => None,
|
|
};
|
|
|
|
let selected =
|
|
self.checked == Selection::Selected || self.checked == Selection::Indeterminate;
|
|
|
|
let (bg_color, border_color) = match (self.disabled, selected) {
|
|
(true, _) => (
|
|
cx.theme().colors().ghost_element_disabled,
|
|
cx.theme().colors().border_disabled,
|
|
),
|
|
(false, true) => (
|
|
cx.theme().colors().element_selected,
|
|
cx.theme().colors().border,
|
|
),
|
|
(false, false) => (
|
|
cx.theme().colors().element_background,
|
|
cx.theme().colors().border,
|
|
),
|
|
};
|
|
|
|
h_flex()
|
|
.id(self.id)
|
|
.justify_center()
|
|
.items_center()
|
|
.size(crate::styles::custom_spacing(cx, 20.))
|
|
.group(group_id.clone())
|
|
.child(
|
|
div()
|
|
.flex()
|
|
.flex_none()
|
|
.justify_center()
|
|
.items_center()
|
|
.m(Spacing::Small.px(cx))
|
|
.size(crate::styles::custom_spacing(cx, 16.))
|
|
.rounded_sm()
|
|
.bg(bg_color)
|
|
.border_1()
|
|
.border_color(border_color)
|
|
.when(!self.disabled, |this| {
|
|
this.group_hover(group_id.clone(), |el| {
|
|
el.bg(cx.theme().colors().element_hover)
|
|
})
|
|
})
|
|
.children(icon),
|
|
)
|
|
.when_some(
|
|
self.on_click.filter(|_| !self.disabled),
|
|
|this, on_click| this.on_click(move |_, cx| on_click(&self.checked.inverse(), cx)),
|
|
)
|
|
}
|
|
}
|