use crate::{ time::Instant, ui::{ component::{ text::paragraphs::{Paragraph, Paragraphs}, Child, Component, ComponentExt, Event, EventCtx, Label, Pad, }, constant::screen, geometry::{Alignment, Insets, LinearPlacement, Point, Rect}, model_tr::{ component::{Button, ButtonMsg, ButtonPos, ResultAnim, ResultAnimMsg}, theme, }, }, }; pub enum ResultPopupMsg { Confirmed, } pub struct ResultPopup { area: Rect, pad: Pad, result_anim: Child, headline_baseline: Point, headline: Option>, text: Child>>, button: Option>>, autoclose: bool, } const ANIM_SIZE: i16 = 18; const BUTTON_HEIGHT: i16 = 13; const ANIM_SPACE: i16 = 11; const ANIM_POS: i16 = 32; const ANIM_POS_ADJ_HEADLINE: i16 = 10; const ANIM_POS_ADJ_BUTTON: i16 = 6; impl ResultPopup { pub fn new( icon: &'static [u8], text: &'static str, headline: Option<&'static str>, button_text: Option<&'static str>, ) -> Self { let p1 = Paragraphs::new(Paragraph::new(&theme::TEXT_NORMAL, text)) .with_placement(LinearPlacement::vertical().align_at_center()); let button = button_text.map(|t| { Child::new(Button::with_text( ButtonPos::Right, t, theme::button_default(), )) }); let mut pad = Pad::with_background(theme::BG); pad.clear(); Self { area: Rect::zero(), pad, result_anim: Child::new(ResultAnim::new(icon)), headline: headline.map(|a| Label::new(a, Alignment::Center, theme::TEXT_BOLD)), headline_baseline: Point::zero(), text: Child::new(p1), button, autoclose: false, } } // autoclose even if button is used pub fn autoclose(&mut self) { self.autoclose = true; } pub fn start(&mut self, ctx: &mut EventCtx) { self.text.request_complete_repaint(ctx); self.headline.request_complete_repaint(ctx); self.button.request_complete_repaint(ctx); self.result_anim.mutate(ctx, |ctx, c| { let now = Instant::now(); c.start_growing(ctx, now); }); ctx.request_paint(); } } impl Component for ResultPopup { type Msg = ResultPopupMsg; fn place(&mut self, bounds: Rect) -> Rect { self.area = bounds; let anim_margins = (screen().width() - ANIM_SIZE) / 2; let mut anim_adjust = 0; let mut headline_height = 0; let mut button_height = 0; if let Some(h) = self.headline.as_mut() { headline_height = h.max_size().y; anim_adjust += ANIM_POS_ADJ_HEADLINE; } if self.button.is_some() { button_height = BUTTON_HEIGHT; anim_adjust += ANIM_POS_ADJ_BUTTON; } let (_, rest) = bounds.split_top(ANIM_POS - anim_adjust); let (anim, rest) = rest.split_top(ANIM_SIZE); let (_, rest) = rest.split_top(ANIM_SPACE); let (headline, rest) = rest.split_top(headline_height); let (text, buttons) = rest.split_bottom(button_height); self.pad.place(bounds); self.button.place(buttons); self.headline.place(headline); self.text.place(text); self.result_anim .place(anim.inset(Insets::sides(anim_margins))); self.area } fn event(&mut self, ctx: &mut EventCtx, event: Event) -> Option { let mut button_confirmed = false; self.text.event(ctx, event); self.headline.event(ctx, event); if let Some(ButtonMsg::Clicked) = self.button.event(ctx, event) { button_confirmed = true; } if let Some(ResultAnimMsg::FullyGrown) = self.result_anim.event(ctx, event) { if self.button.is_none() || self.autoclose { return Some(ResultPopupMsg::Confirmed); } } if button_confirmed { return Some(ResultPopupMsg::Confirmed); } None } fn paint(&mut self) { self.pad.paint(); self.text.paint(); self.button.paint(); self.headline.paint(); self.result_anim.paint(); } } #[cfg(feature = "ui_debug")] impl crate::trace::Trace for ResultPopup { fn trace(&self, d: &mut dyn crate::trace::Tracer) { d.open("ResultPopup"); self.text.trace(d); self.button.trace(d); self.headline.trace(d); self.result_anim.trace(d); d.close(); } }