Acord/viewport/src/widgets/dialog.rs

109 lines
3.6 KiB
Rust

//! Modal dialog scaffolding — matches Acord's settings panel.
//!
//! [`overlay`] dims the underlying view and centers a panel; [`segmented_row`]
//! is the labeled multi-button row used for theme/line-indicator toggles.
use iced_wgpu::Renderer;
use iced_wgpu::core::{Background, Border, Color, Element, Length, Padding, Shadow, Theme};
use iced_widget::{button, container, row, text};
use crate::palette;
use crate::syntax;
/// Wraps `panel` content in a centered card over a translucent dim backdrop.
/// `panel` is rendered as-is — the caller controls its content, padding, and
/// width. Set `width` to a fixed value (e.g. `Length::Fixed(font_size * 28.0)`)
/// for a stable layout.
pub fn overlay<'a, Message>(
panel: Element<'a, Message, Theme, Renderer>,
width: Length,
font_size: f32,
) -> Element<'a, Message, Theme, Renderer>
where
Message: Clone + 'static,
{
let p = palette::current();
let f = font_size;
let radius = f * 0.30;
let card = container(panel)
.padding(Padding { top: f, right: f, bottom: f, left: f })
.width(width)
.style(move |_t: &Theme| container::Style {
background: Some(Background::Color(p.surface0)),
border: Border {
color: p.surface1,
width: 1.0,
radius: radius.into(),
},
text_color: Some(p.text),
shadow: Shadow::default(),
snap: false,
});
container(card)
.width(Length::Fill)
.height(Length::Fill)
.center_x(Length::Fill)
.center_y(Length::Fill)
.style(|_t: &Theme| container::Style {
background: Some(Background::Color(Color { r: 0.0, g: 0.0, b: 0.0, a: 0.4 })),
border: Border::default(),
text_color: None,
shadow: Shadow::default(),
snap: false,
})
.into()
}
/// A "label … [Option1] [Option2] [Option3]" row with the current option
/// highlighted. `options` is `(display_label, value)`; `current` is the
/// active value; `on_select(value)` fires when one is clicked.
pub fn segmented_row<'a, Message>(
label: &str,
options: &[(&'a str, &'a str)],
current: &str,
font_size: f32,
on_select: impl Fn(&'a str) -> Message + 'a,
) -> Element<'a, Message, Theme, Renderer>
where
Message: Clone + 'static,
{
let p = palette::current();
let f = font_size;
let label_size = f * 0.92;
let radius = f * 0.18;
let mut buttons: Vec<Element<'a, Message, Theme, Renderer>> = Vec::new();
for (display, value) in options {
let active = *value == current;
let display = display.to_string();
let v = *value;
buttons.push(
button(
text(display).size(label_size).font(syntax::EDITOR_FONT),
)
.padding(Padding { top: f * 0.18, right: f * 0.55, bottom: f * 0.18, left: f * 0.55 })
.style(move |_t: &Theme, _s| button::Style {
background: Some(Background::Color(if active { p.surface2 } else { p.surface1 })),
text_color: if active { p.text } else { p.subtext0 },
border: Border { color: p.surface2, width: 1.0, radius: radius.into() },
shadow: Shadow::default(),
snap: false,
})
.on_press(on_select(v))
.into(),
);
}
let label_w = text(label.to_string())
.size(label_size)
.font(syntax::EDITOR_FONT)
.color(p.text)
.width(Length::Fill);
row![label_w, row(buttons).spacing(f * 0.25)]
.spacing(f)
.into()
}