Add plot controls UI components: Implement functionality for resizing plot dimensions, including width and height controls, reset functionality, and handling of resize button interactions. This enhances user experience by allowing dynamic adjustments to plot sizes.

Author: sh1ftd

src/ui/plot_controls/controls.rs

@@ -0,0 +1,54 @@
+use crate::ui::types::PlotResizeDirection;
+use eframe::egui;
+use std::time::Instant;
+
+use super::dimension::render_dimension_control;
+use super::reset::render_reset_row;
+
+pub fn render_plot_size_controls(
+    ui: &mut egui::Ui,
+    custom_plot_width: &mut f32,
+    custom_plot_height: &mut f32,
+    plot_resize_start_time: &mut Option<Instant>,
+    plot_resize_direction: &mut PlotResizeDirection,
+    plot_resize_last_repeat: &mut Option<Instant>,
+) {
+    ui.vertical(|ui| {
+        ui.label(format!("{} Plot Size", egui_phosphor::regular::CHART_BAR));
+        ui.add_space(4.0);
+
+        render_dimension_control(
+            ui,
+            "Width:",
+            custom_plot_width,
+            PlotResizeDirection::WidthDecrease,
+            PlotResizeDirection::WidthIncrease,
+            plot_resize_start_time,
+            plot_resize_direction,
+            plot_resize_last_repeat,
+        );
+
+        ui.add_space(4.0);
+
+        render_dimension_control(
+            ui,
+            "Height:",
+            custom_plot_height,
+            PlotResizeDirection::HeightDecrease,
+            PlotResizeDirection::HeightIncrease,
+            plot_resize_start_time,
+            plot_resize_direction,
+            plot_resize_last_repeat,
+        );
+
+        ui.add_space(4.0);
+        render_reset_row(
+            ui,
+            custom_plot_width,
+            custom_plot_height,
+            plot_resize_direction,
+            plot_resize_start_time,
+            plot_resize_last_repeat,
+        );
+    });
+}

src/ui/plot_controls/dimension.rs

@@ -0,0 +1,53 @@
+use crate::ui::constants::{PLOT_MAX_SIZE, PLOT_MIN_SIZE, PLOT_RESIZEE_INCREMENT};
+use crate::ui::types::PlotResizeDirection;
+use eframe::egui;
+use std::time::Instant;
+
+use super::handlers::handle_resize_button;
+
+#[allow(clippy::too_many_arguments)]
+pub fn render_dimension_control(
+    ui: &mut egui::Ui,
+    label: &str,
+    value: &mut f32,
+    decrement_direction: PlotResizeDirection,
+    increment_direction: PlotResizeDirection,
+    plot_resize_start_time: &mut Option<Instant>,
+    plot_resize_direction: &mut PlotResizeDirection,
+    plot_resize_last_repeat: &mut Option<Instant>,
+) {
+    ui.horizontal(|ui| {
+        ui.label(label);
+        let btn_size = egui::vec2(22.0, ui.spacing().interact_size.y);
+
+        let minus_response = ui.add_sized(btn_size, egui::Button::new("-"));
+        handle_resize_button(
+            ui,
+            &minus_response,
+            value,
+            -PLOT_RESIZEE_INCREMENT,
+            PLOT_MIN_SIZE,
+            PLOT_MAX_SIZE,
+            decrement_direction,
+            plot_resize_direction,
+            plot_resize_start_time,
+            plot_resize_last_repeat,
+        );
+
+        ui.label(format!("{value:.0}px"));
+
+        let plus_response = ui.add_sized(btn_size, egui::Button::new("+"));
+        handle_resize_button(
+            ui,
+            &plus_response,
+            value,
+            PLOT_RESIZEE_INCREMENT,
+            PLOT_MIN_SIZE,
+            PLOT_MAX_SIZE,
+            increment_direction,
+            plot_resize_direction,
+            plot_resize_start_time,
+            plot_resize_last_repeat,
+        );
+    });
+}

src/ui/plot_controls/handlers.rs

@@ -0,0 +1,49 @@
+use eframe::egui;
+use std::time::Instant;
+
+use crate::ui::constants::{PLOT_RESIZE_INITIAL_DELAY, PLOT_RESIZE_REPEAT_RATE};
+use crate::ui::types::PlotResizeDirection;
+
+#[allow(clippy::too_many_arguments)]
+pub fn handle_resize_button(
+    ui: &egui::Ui,
+    response: &egui::Response,
+    value: &mut f32,
+    delta: f32,
+    min: f32,
+    max: f32,
+    direction: PlotResizeDirection,
+    plot_resize_direction: &mut PlotResizeDirection,
+    plot_resize_start_time: &mut Option<Instant>,
+    plot_resize_last_repeat: &mut Option<Instant>,
+) {
+    if response.is_pointer_button_down_on() {
+        if *plot_resize_direction != direction {
+            *value = (*value + delta).clamp(min, max);
+            *plot_resize_start_time = Some(Instant::now());
+            *plot_resize_direction = direction;
+            *plot_resize_last_repeat = None;
+        } else if let Some(start_time) = plot_resize_start_time {
+            let elapsed = start_time.elapsed().as_secs_f32();
+            if elapsed > PLOT_RESIZE_INITIAL_DELAY {
+                let should_repeat = match plot_resize_last_repeat {
+                    Some(last_repeat) => {
+                        last_repeat.elapsed().as_secs_f32() >= PLOT_RESIZE_REPEAT_RATE
+                    }
+                    None => true,
+                };
+
+                if should_repeat {
+                    *value = (*value + delta).clamp(min, max);
+                    *plot_resize_last_repeat = Some(Instant::now());
+                }
+            }
+        }
+
+        ui.ctx().request_repaint();
+    } else if *plot_resize_direction == direction {
+        *plot_resize_direction = PlotResizeDirection::None;
+        *plot_resize_start_time = None;
+        *plot_resize_last_repeat = None;
+    }
+}

src/ui/plot_controls/mod.rs

@@ -0,0 +1,6 @@
+mod controls;
+mod dimension;
+mod handlers;
+mod reset;
+
+pub use controls::render_plot_size_controls;

src/ui/plot_controls/reset.rs

@@ -0,0 +1,38 @@
+use crate::ui::constants::{DEFAULT_PLOT_HEIGHT, DEFAULT_PLOT_WIDTH};
+use crate::ui::types::PlotResizeDirection;
+use eframe::egui;
+use egui::Ui;
+
+pub fn render_reset_row(
+    ui: &mut Ui,
+    custom_plot_width: &mut f32,
+    custom_plot_height: &mut f32,
+    plot_resize_direction: &mut PlotResizeDirection,
+    plot_resize_start_time: &mut Option<std::time::Instant>,
+    plot_resize_last_repeat: &mut Option<std::time::Instant>,
+) {
+    use egui::{Button, RichText};
+    use egui_phosphor::regular::ARROW_COUNTER_CLOCKWISE;
+
+    ui.horizontal(|ui| {
+        ui.label("Reset:");
+        let btn_size = egui::vec2(22.0, ui.spacing().interact_size.y);
+        if ui
+            .add_sized(
+                btn_size,
+                Button::new(RichText::new(ARROW_COUNTER_CLOCKWISE)),
+            )
+            .clicked()
+        {
+            *custom_plot_width = DEFAULT_PLOT_WIDTH;
+            *custom_plot_height = DEFAULT_PLOT_HEIGHT;
+            *plot_resize_direction = PlotResizeDirection::None;
+            *plot_resize_start_time = None;
+            *plot_resize_last_repeat = None;
+        }
+        ui.label(format!(
+            "{}×{}",
+            DEFAULT_PLOT_WIDTH as u32, DEFAULT_PLOT_HEIGHT as u32
+        ));
+    });
+}