parent
24a1f2e25e
commit
ee1497b87e
@ -1,136 +0,0 @@
|
|||||||
use crate::{
|
|
||||||
time::Instant,
|
|
||||||
ui::{
|
|
||||||
component::{Child, Component, ComponentExt, Event, EventCtx, Pad},
|
|
||||||
geometry::Rect,
|
|
||||||
model_tt::component::DialogLayout,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
use super::{theme, Button, ButtonMsg, Loader, LoaderMsg};
|
|
||||||
|
|
||||||
pub enum HoldToConfirmMsg<T> {
|
|
||||||
Content(T),
|
|
||||||
Confirmed,
|
|
||||||
Cancelled,
|
|
||||||
}
|
|
||||||
|
|
||||||
pub struct HoldToConfirm<T> {
|
|
||||||
loader: Loader,
|
|
||||||
content: Child<T>,
|
|
||||||
cancel: Child<Button<&'static str>>,
|
|
||||||
confirm: Child<Button<&'static str>>,
|
|
||||||
pad: Pad,
|
|
||||||
}
|
|
||||||
|
|
||||||
impl<T> HoldToConfirm<T>
|
|
||||||
where
|
|
||||||
T: Component,
|
|
||||||
{
|
|
||||||
pub fn new(content: T) -> Self {
|
|
||||||
Self {
|
|
||||||
loader: Loader::new(0),
|
|
||||||
content: Child::new(content),
|
|
||||||
cancel: Child::new(Button::with_text("Cancel")),
|
|
||||||
confirm: Child::new(Button::with_text("Hold")),
|
|
||||||
pad: Pad::with_background(theme::BG),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
pub fn inner(&self) -> &T {
|
|
||||||
self.content.inner()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
impl<T> Component for HoldToConfirm<T>
|
|
||||||
where
|
|
||||||
T: Component,
|
|
||||||
{
|
|
||||||
type Msg = HoldToConfirmMsg<T::Msg>;
|
|
||||||
|
|
||||||
fn place(&mut self, bounds: Rect) -> Rect {
|
|
||||||
let layout = DialogLayout::middle(bounds);
|
|
||||||
self.loader.place(layout.content);
|
|
||||||
self.content.place(layout.content);
|
|
||||||
let (left, right) = layout.controls.split_left(layout.controls.size().x);
|
|
||||||
self.cancel.place(left);
|
|
||||||
self.confirm.place(right);
|
|
||||||
bounds
|
|
||||||
}
|
|
||||||
|
|
||||||
fn event(&mut self, ctx: &mut EventCtx, event: Event) -> Option<Self::Msg> {
|
|
||||||
let now = Instant::now();
|
|
||||||
|
|
||||||
if let Some(LoaderMsg::ShrunkCompletely) = self.loader.event(ctx, event) {
|
|
||||||
// Clear the remnants of the loader.
|
|
||||||
self.pad.clear();
|
|
||||||
// Switch it to the initial state, so we stop painting it.
|
|
||||||
self.loader.reset();
|
|
||||||
// Re-draw the whole content tree.
|
|
||||||
self.content.request_complete_repaint(ctx);
|
|
||||||
// This can be a result of an animation frame event, we should take
|
|
||||||
// care to not short-circuit here and deliver the event to the
|
|
||||||
// content as well.
|
|
||||||
}
|
|
||||||
if let Some(msg) = self.content.event(ctx, event) {
|
|
||||||
return Some(Self::Msg::Content(msg));
|
|
||||||
}
|
|
||||||
if let Some(ButtonMsg::Clicked) = self.cancel.event(ctx, event) {
|
|
||||||
return Some(Self::Msg::Cancelled);
|
|
||||||
}
|
|
||||||
match self.confirm.event(ctx, event) {
|
|
||||||
Some(ButtonMsg::Pressed) => {
|
|
||||||
self.loader.start_growing(ctx, now);
|
|
||||||
self.pad.clear(); // Clear the remnants of the content.
|
|
||||||
}
|
|
||||||
Some(ButtonMsg::Released) => {
|
|
||||||
self.loader.start_shrinking(ctx, now);
|
|
||||||
}
|
|
||||||
Some(ButtonMsg::Clicked) => {
|
|
||||||
if self.loader.is_completely_grown(now) {
|
|
||||||
self.loader.reset();
|
|
||||||
return Some(HoldToConfirmMsg::Confirmed);
|
|
||||||
} else {
|
|
||||||
self.loader.start_shrinking(ctx, now);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
_ => {}
|
|
||||||
}
|
|
||||||
|
|
||||||
None
|
|
||||||
}
|
|
||||||
|
|
||||||
fn paint(&mut self) {
|
|
||||||
self.pad.paint();
|
|
||||||
if self.loader.is_animating() {
|
|
||||||
self.loader.paint();
|
|
||||||
} else {
|
|
||||||
self.content.paint();
|
|
||||||
}
|
|
||||||
self.cancel.paint();
|
|
||||||
self.confirm.paint();
|
|
||||||
}
|
|
||||||
|
|
||||||
fn bounds(&self, sink: &mut dyn FnMut(Rect)) {
|
|
||||||
sink(self.pad.area);
|
|
||||||
if self.loader.is_animating() {
|
|
||||||
self.loader.bounds(sink)
|
|
||||||
} else {
|
|
||||||
self.content.bounds(sink)
|
|
||||||
}
|
|
||||||
self.cancel.bounds(sink);
|
|
||||||
self.confirm.bounds(sink);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#[cfg(feature = "ui_debug")]
|
|
||||||
impl<T> crate::trace::Trace for HoldToConfirm<T>
|
|
||||||
where
|
|
||||||
T: crate::trace::Trace,
|
|
||||||
{
|
|
||||||
fn trace(&self, d: &mut dyn crate::trace::Tracer) {
|
|
||||||
d.open("HoldToConfirm");
|
|
||||||
self.content.trace(d);
|
|
||||||
d.close();
|
|
||||||
}
|
|
||||||
}
|
|
@ -0,0 +1,217 @@
|
|||||||
|
use crate::{
|
||||||
|
time::Instant,
|
||||||
|
ui::{
|
||||||
|
component::{Child, Component, ComponentExt, Event, EventCtx, Pad},
|
||||||
|
geometry::{Grid, Rect},
|
||||||
|
model_tt::component::DialogLayout,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
use super::{theme, Button, ButtonMsg, Loader, LoaderMsg};
|
||||||
|
|
||||||
|
pub enum HoldToConfirmMsg<T> {
|
||||||
|
Content(T),
|
||||||
|
Confirmed,
|
||||||
|
Cancelled,
|
||||||
|
}
|
||||||
|
|
||||||
|
pub struct HoldToConfirm<T> {
|
||||||
|
loader: Loader,
|
||||||
|
content: Child<T>,
|
||||||
|
buttons: CancelHold,
|
||||||
|
pad: Pad,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl<T> HoldToConfirm<T>
|
||||||
|
where
|
||||||
|
T: Component,
|
||||||
|
{
|
||||||
|
pub fn new(content: T) -> Self {
|
||||||
|
Self {
|
||||||
|
loader: Loader::new(),
|
||||||
|
content: Child::new(content),
|
||||||
|
buttons: CancelHold::new(),
|
||||||
|
pad: Pad::with_background(theme::BG),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pub fn inner(&self) -> &T {
|
||||||
|
self.content.inner()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl<T> Component for HoldToConfirm<T>
|
||||||
|
where
|
||||||
|
T: Component,
|
||||||
|
{
|
||||||
|
type Msg = HoldToConfirmMsg<T::Msg>;
|
||||||
|
|
||||||
|
fn place(&mut self, bounds: Rect) -> Rect {
|
||||||
|
let layout = DialogLayout::middle(bounds);
|
||||||
|
self.pad.place(layout.content);
|
||||||
|
self.loader.place(layout.content);
|
||||||
|
self.content.place(layout.content);
|
||||||
|
self.buttons.place(layout.controls);
|
||||||
|
bounds
|
||||||
|
}
|
||||||
|
|
||||||
|
fn event(&mut self, ctx: &mut EventCtx, event: Event) -> Option<Self::Msg> {
|
||||||
|
if let Some(msg) = self.content.event(ctx, event) {
|
||||||
|
return Some(HoldToConfirmMsg::Content(msg));
|
||||||
|
}
|
||||||
|
let button_msg = match self.buttons.event(ctx, event) {
|
||||||
|
Some(CancelHoldMsg::Cancelled) => return Some(HoldToConfirmMsg::Cancelled),
|
||||||
|
Some(CancelHoldMsg::HoldButton(b)) => Some(b),
|
||||||
|
_ => None,
|
||||||
|
};
|
||||||
|
if handle_hold_event(
|
||||||
|
ctx,
|
||||||
|
event,
|
||||||
|
button_msg,
|
||||||
|
&mut self.loader,
|
||||||
|
&mut self.pad,
|
||||||
|
&mut self.content,
|
||||||
|
) {
|
||||||
|
return Some(HoldToConfirmMsg::Confirmed);
|
||||||
|
}
|
||||||
|
None
|
||||||
|
}
|
||||||
|
|
||||||
|
fn paint(&mut self) {
|
||||||
|
self.pad.paint();
|
||||||
|
if self.loader.is_animating() {
|
||||||
|
self.loader.paint();
|
||||||
|
} else {
|
||||||
|
self.content.paint();
|
||||||
|
}
|
||||||
|
self.buttons.paint();
|
||||||
|
}
|
||||||
|
|
||||||
|
fn bounds(&self, sink: &mut dyn FnMut(Rect)) {
|
||||||
|
sink(self.pad.area);
|
||||||
|
if self.loader.is_animating() {
|
||||||
|
self.loader.bounds(sink)
|
||||||
|
} else {
|
||||||
|
self.content.bounds(sink)
|
||||||
|
}
|
||||||
|
self.buttons.bounds(sink);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[cfg(feature = "ui_debug")]
|
||||||
|
impl<T> crate::trace::Trace for HoldToConfirm<T>
|
||||||
|
where
|
||||||
|
T: crate::trace::Trace,
|
||||||
|
{
|
||||||
|
fn trace(&self, d: &mut dyn crate::trace::Tracer) {
|
||||||
|
d.open("HoldToConfirm");
|
||||||
|
self.content.trace(d);
|
||||||
|
d.close();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pub struct CancelHold {
|
||||||
|
cancel: Button<&'static str>,
|
||||||
|
hold: Button<&'static str>,
|
||||||
|
}
|
||||||
|
|
||||||
|
pub enum CancelHoldMsg {
|
||||||
|
Cancelled,
|
||||||
|
HoldButton(ButtonMsg),
|
||||||
|
}
|
||||||
|
|
||||||
|
impl CancelHold {
|
||||||
|
pub fn new() -> Self {
|
||||||
|
Self {
|
||||||
|
cancel: Button::with_icon(theme::ICON_CANCEL),
|
||||||
|
hold: Button::with_text("HOLD TO CONFIRM").styled(theme::button_confirm()),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Component for CancelHold {
|
||||||
|
type Msg = CancelHoldMsg;
|
||||||
|
|
||||||
|
fn place(&mut self, bounds: Rect) -> Rect {
|
||||||
|
let grid = Grid::new(bounds, 1, 4).with_spacing(theme::BUTTON_SPACING);
|
||||||
|
self.cancel.place(grid.row_col(0, 0));
|
||||||
|
self.hold
|
||||||
|
.place(grid.row_col(0, 1).union(grid.row_col(0, 3)));
|
||||||
|
bounds
|
||||||
|
}
|
||||||
|
|
||||||
|
fn event(&mut self, ctx: &mut EventCtx, event: Event) -> Option<Self::Msg> {
|
||||||
|
if let Some(ButtonMsg::Clicked) = self.cancel.event(ctx, event) {
|
||||||
|
return Some(CancelHoldMsg::Cancelled);
|
||||||
|
}
|
||||||
|
self.hold.event(ctx, event).map(CancelHoldMsg::HoldButton)
|
||||||
|
}
|
||||||
|
|
||||||
|
fn paint(&mut self) {
|
||||||
|
self.cancel.paint();
|
||||||
|
self.hold.paint();
|
||||||
|
}
|
||||||
|
|
||||||
|
fn bounds(&self, sink: &mut dyn FnMut(Rect)) {
|
||||||
|
self.cancel.bounds(sink);
|
||||||
|
self.hold.bounds(sink);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[cfg(feature = "ui_debug")]
|
||||||
|
impl crate::trace::Trace for CancelHold {
|
||||||
|
fn trace(&self, d: &mut dyn crate::trace::Tracer) {
|
||||||
|
d.string("CancelHold")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Hold-to-confirm logic to be called from event handler of the component that
|
||||||
|
/// owns `pad`, `loader`, and `content` and a Button. It is expected that the
|
||||||
|
/// associated button already processed `event` and returned `button_msg`.
|
||||||
|
/// Returns `true` when the interaction successfully finished.
|
||||||
|
#[must_use]
|
||||||
|
pub fn handle_hold_event<T>(
|
||||||
|
ctx: &mut EventCtx,
|
||||||
|
event: Event,
|
||||||
|
button_msg: Option<ButtonMsg>,
|
||||||
|
loader: &mut Loader,
|
||||||
|
pad: &mut Pad,
|
||||||
|
content: &mut T,
|
||||||
|
) -> bool
|
||||||
|
where
|
||||||
|
T: Component,
|
||||||
|
{
|
||||||
|
let now = Instant::now();
|
||||||
|
|
||||||
|
if let Some(LoaderMsg::ShrunkCompletely) = loader.event(ctx, event) {
|
||||||
|
// Clear the remnants of the loader.
|
||||||
|
pad.clear();
|
||||||
|
// Switch it to the initial state, so we stop painting it.
|
||||||
|
loader.reset();
|
||||||
|
// Re-draw the whole content tree.
|
||||||
|
content.request_complete_repaint(ctx);
|
||||||
|
// This can be a result of an animation frame event, we should take
|
||||||
|
// care to not short-circuit here and deliver the event to the
|
||||||
|
// content as well.
|
||||||
|
}
|
||||||
|
match button_msg {
|
||||||
|
Some(ButtonMsg::Pressed) => {
|
||||||
|
loader.start_growing(ctx, now);
|
||||||
|
pad.clear(); // Clear the remnants of the content.
|
||||||
|
}
|
||||||
|
Some(ButtonMsg::Released) => {
|
||||||
|
loader.start_shrinking(ctx, now);
|
||||||
|
}
|
||||||
|
Some(ButtonMsg::Clicked) => {
|
||||||
|
if loader.is_completely_grown(now) {
|
||||||
|
loader.reset();
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
loader.start_shrinking(ctx, now);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
_ => {}
|
||||||
|
}
|
||||||
|
|
||||||
|
false
|
||||||
|
}
|
Loading…
Reference in new issue