feat(widget): Add SpinButtonModel

Enables convenient handling of spin messages, and specifying steppings, minimum, and maximum values
2022-12-07 03:03:41 +01:00 · 2022-12-07 03:03:41 +01:00 · ef71f7f027
commit ef71f7f027
parent 200784b6c1
7 changed files with 277 additions and 134 deletions
--- a/src/widget/spin_button/mod.rs
+++ b/src/widget/spin_button/mod.rs
@ -0,0 +1,101 @@
+// Copyright 2022 System76 <info@system76.com>
+// SPDX-License-Identifier: MPL-2.0
+
+mod model;
+pub use self::model::SpinButtonModel;
+
+use crate::{theme, Element};
+use iced::{
+    alignment::{Horizontal, Vertical},
+    widget::{button, container, row, text},
+    Alignment, Background, Length,
+};
+use std::hash::Hash;
+
+pub struct SpinButton<T> {
+    value: T,
+}
+
+/// A message emitted by the [`SpinButton`] widget.
+#[derive(Clone, Copy, Debug, Hash)]
+pub enum SpinMessage {
+    Increment,
+    Decrement,
+}
+
+pub fn spin_button<T: 'static + Clone + Hash + ToString>(value: T) -> SpinButton<T> {
+    SpinButton::new(value)
+}
+
+impl<T: 'static + Clone + Hash + ToString> SpinButton<T> {
+    pub fn new(value: T) -> Self {
+        Self { value }
+    }
+
+    pub fn into_element(self) -> Element<'static, SpinMessage> {
+        let Self { value } = self;
+        Element::from(iced_lazy::lazy(
+            value.clone(),
+            move || -> Element<'static, SpinMessage> {
+                container(
+                    row![
+                        button(
+                            container(text("-").size(26).vertical_alignment(Vertical::Center))
+                                .width(Length::Fill)
+                                .height(Length::Fill)
+                                .align_x(Horizontal::Center)
+                                .align_y(Vertical::Center),
+                        )
+                        .width(Length::Fill)
+                        .height(Length::Fill)
+                        .style(theme::Button::Text)
+                        .on_press(SpinMessage::Decrement),
+                        container(text(value.clone()).vertical_alignment(Vertical::Center))
+                            .width(Length::Fill)
+                            .height(Length::Fill)
+                            .align_x(Horizontal::Center)
+                            .align_y(Vertical::Center),
+                        button(
+                            container(text("+").size(26).vertical_alignment(Vertical::Center))
+                                .width(Length::Fill)
+                                .height(Length::Fill)
+                                .align_x(Horizontal::Center)
+                                .align_y(Vertical::Center),
+                        )
+                        .width(Length::Fill)
+                        .height(Length::Fill)
+                        .style(theme::Button::Text)
+                        .on_press(SpinMessage::Increment),
+                    ]
+                    .width(Length::Fill)
+                    .height(Length::Units(32))
+                    .align_items(Alignment::Center),
+                )
+                .padding([4, 4])
+                .align_y(Vertical::Center)
+                .width(Length::Units(95))
+                .height(Length::Units(32))
+                .style(theme::Container::Custom(container_style))
+                .into()
+            },
+        ))
+    }
+}
+
+impl<'a, T: 'static + Clone + Hash + ToString> From<SpinButton<T>> for Element<'a, SpinMessage> {
+    fn from(spin_button: SpinButton<T>) -> Self {
+        spin_button.into_element()
+    }
+}
+
+fn container_style(theme: &crate::Theme) -> iced_style::container::Appearance {
+    let secondary = &theme.cosmic().secondary;
+    let accent = &theme.cosmic().accent;
+    iced_style::container::Appearance {
+        text_color: None,
+        background: Some(Background::Color(secondary.component.base.into())),
+        border_radius: 24.0,
+        border_width: 0.0,
+        border_color: accent.base.into(),
+    }
+}