EXAMPLE: experimental success animation

core/embed/rust/src/ui/model_tr/bootloader/intro.rs

@@ -1,21 +1,25 @@
-use crate::ui::component::Pad;
-use crate::ui::geometry::Point;
+use crate::time::Instant;
+use crate::ui::component::{ComponentExt, Pad};
+use crate::ui::geometry::{Offset, Point};
 // use crate::ui::model_tr::bootloader::theme::{
 //     button_bld_menu, button_bld_menu_item, TTBootloaderText, BLD_BG, MENU,
 // };
 use crate::ui::model_tr::bootloader::ReturnToC;
 // use crate::ui::model_tr::component::ButtonMsg::Clicked;
 // use crate::ui::model_tr::theme::FONT_MEDIUM;
+use crate::ui::model_tr::bootloader::intro::State::{Confirmed, Initial, Returned};
 use crate::ui::{
     component::{Child, Component, Event, EventCtx},
     geometry::Rect,
 };
 
-use crate::ui::model_tr::component::{ButtonPos, HoldToConfirm, HoldToConfirmMsg};
+use crate::ui::model_tr::component::{
+    ButtonPos, HoldToConfirm, HoldToConfirmMsg, ResultAnim, ResultPopup, ResultPopupMessage,
+};
 
 // use crate::ui::model_tr::component::Button;
 use crate::ui::model_tr::constant::{HEIGHT, WIDTH};
-use crate::ui::model_tr::theme::BG;
+use crate::ui::model_tr::theme::{BG, ICON_FAIL, ICON_SUCCESS};
 
 #[repr(u32)]
 #[derive(Copy, Clone)]
@@ -29,18 +33,36 @@ impl ReturnToC for IntroMsg {
     }
 }
 
+enum State {
+    Initial,
+    Confirmed,
+    Returned,
+}
+
 pub struct Intro {
     bg: Pad,
+    state: State,
+    anim: Child<ResultAnim>,
     confirm: Child<HoldToConfirm>,
-    result: Option<HoldToConfirmMsg>,
+    result: Child<ResultPopup>,
 }
 
 impl Intro {
     pub fn new() -> Self {
+        let mut result_popup = ResultPopup::new(
+            ICON_SUCCESS,
+            "Something has been a success",
+            Some("Headline"),
+            Some("GOT IT"),
+        );
+        result_popup.autoclose();
+
         let mut instance = Self {
             bg: Pad::with_background(BG),
+            state: Initial,
             confirm: Child::new(HoldToConfirm::new(ButtonPos::Right, "HOLD TO CONFIRM")),
-            result: None,
+            result: Child::new(result_popup),
+            anim: Child::new(ResultAnim::new(ICON_FAIL)),
         };
 
         instance.bg.clear();
@@ -54,36 +76,64 @@ impl Component for Intro {
     fn place(&mut self, bounds: Rect) -> Rect {
         self.bg
             .place(Rect::new(Point::new(0, 0), Point::new(WIDTH, HEIGHT)));
-        // self.confirm
-        //     .place(Rect::new(Point::new(-50, -5), Point::new(55, 7)));
+        self.result
+            .place(Rect::new(Point::new(0, 0), Point::new(WIDTH, HEIGHT)));
+        self.anim.place(Rect::from_top_left_and_size(
+            Point::new(10, 10),
+            Offset::new(18, 18),
+        ));
         // self.confirm
         //     .place(Rect::new(Point::new(70, 120), Point::new(175, 132)));
         // self.confirm
         //     .place(Rect::new(Point::new(0, 0), Point::new(128, 128)));
         self.confirm
-            .place(Rect::new(Point::new(30, 112), Point::new(128, 128)));
+            .place(Rect::new(Point::new(30, 115), Point::new(128, 128)));
         bounds
     }
 
     fn event(&mut self, ctx: &mut EventCtx, event: Event) -> Option<Self::Msg> {
-        let msg = self.confirm.event(ctx, event);
-        if let Some(HoldToConfirmMsg::Confirmed) = msg {
-            Some(IntroMsg::Host);
-            self.result = Some(HoldToConfirmMsg::Confirmed);
-            ctx.request_paint()
-        };
-        if let Some(HoldToConfirmMsg::FailedToConfirm) = msg {
-            Some(IntroMsg::Menu);
-            self.result = Some(HoldToConfirmMsg::FailedToConfirm);
-            ctx.request_paint()
-        };
+        if let State::Confirmed = self.state {
+            let msg = self.result.event(ctx, event);
+            if let Some(ResultPopupMessage::Confirmed) = msg {
+                self.state = Returned;
+                self.bg.clear();
+                self.anim.request_complete_repaint(ctx);
+                self.confirm.request_complete_repaint(ctx);
+                ctx.request_paint()
+            };
+        } else {
+            if let State::Initial = self.state {
+                //initial
+                self.anim.mutate(ctx, |ctx, r| {
+                    r.start_growing(ctx, Instant::now());
+                });
+                self.state = State::Returned;
+            }
+
+            let msg = self.confirm.event(ctx, event);
+            if let Some(HoldToConfirmMsg::Confirmed) = msg {
+                self.state = Confirmed;
+                self.bg.clear();
+                self.result.mutate(ctx, |ctx, r| {
+                    r.reset(ctx);
+                });
+                self.result.event(ctx, event);
+                ctx.request_paint()
+            };
 
+            self.anim.event(ctx, event);
+        }
         None
     }
 
     fn paint(&mut self) {
         self.bg.paint();
-        self.confirm.paint();
+        if let State::Confirmed = self.state {
+            self.result.paint();
+        } else {
+            self.anim.paint();
+            self.confirm.paint();
+        }
     }
 
     fn bounds(&self, _sink: &mut dyn FnMut(Rect)) {}