Move footer to its own component

1 files changed, 97 insertions, 0 deletions

diff --git a/src/components/footer.rs b/src/components/footer.rs
new file mode 100644
index 0000000..2576163
--- /dev/null
+++ b/src/components/footer.rs
@@ -0,0 +1,97 @@
+use gtk::prelude::*;
+use relm4::prelude::*;
+use relm4::actions::ActionablePlus;
+
+use crate::tr;
+use crate::constants;
+
+use crate::{
+    ZoomInAction, ZoomOutAction, actions::Action
+};
+use crate::icon_names::shipped::{ ZOOM_IN_REGULAR, ZOOM_OUT_REGULAR };
+
+// Model and Input Messages
+
+pub struct Footer {
+    zoom: f64,
+}
+
+pub struct FooterInit {
+    pub zoom: f64,
+}
+
+#[derive(Debug, Clone)]
+pub enum FooterAction {
+    SetZoom(f64)
+}
+
+#[relm4::component(pub)]
+impl SimpleComponent for Footer {
+    type Init = FooterInit;
+    type Input = FooterAction;
+    type Output = Action;
+
+    view! {
+        &gtk::ActionBar {
+            pack_end = &gtk::Box {
+                set_orientation: gtk::Orientation::Horizontal,
+
+                gtk::Label {
+                    #[watch]
+                    set_label: &format!("{:.1}x", model.zoom),
+                    set_margin_end: 5
+                },
+
+                gtk::Button::with_label(&tr!("command.view.zoom_out")) {
+                    set_icon_name: ZOOM_OUT_REGULAR,
+                    set_margin_end: 5,
+                    add_css_class: "flat",
+                    add_css_class: "zoom",
+                    add_css_class: "zoom-out",
+                    ActionablePlus::set_stateless_action::<ZoomOutAction>: &(),
+                },
+
+                gtk::Scale {
+                    set_orientation: gtk::Orientation::Horizontal,
+                    set_range: (constants::MIN_ZOOM, constants::MAX_ZOOM),
+                    #[watch]
+                    set_value: model.zoom,
+                    set_draw_value: false,
+                    set_increments: (constants::ZOOM_STEP, constants::ZOOM_STEP),
+                    set_value_pos: gtk::PositionType::Left,
+                    set_width_request: 100,
+                    connect_value_changed[sender] => move |scale| {
+                        let _ = sender.output(Action::Zoom(scale.value()));
+                    }
+                },
+
+                gtk::Button::with_label(&tr!("command.view.zoom_in")) {
+                    set_icon_name: ZOOM_IN_REGULAR,
+                    add_css_class: "flat",
+                    add_css_class: "zoom",
+                    add_css_class: "zoom-in",
+                    ActionablePlus::set_stateless_action::<ZoomInAction>: &(),
+                },
+            }
+        }
+    }
+
+    fn init(
+        init: Self::Init,
+        root: Self::Root,
+        sender: ComponentSender<Self>,
+    ) -> ComponentParts<Self> {
+        let model = Footer {
+            zoom: init.zoom
+        };
+        let widgets = view_output!();
+
+        ComponentParts { model, widgets }
+    }
+
+    fn update(&mut self, message: Self::Input, _sender: ComponentSender<Self>) {
+        match message {
+            FooterAction::SetZoom(zoom) => self.zoom = zoom
+        }
+    }
+}