Add configuration panel UI components: Implement header, test size controls, UI scale adjustments, and start button functionality for the SpeedTest application. This enhances user interaction by allowing configuration of test parameters and improving overall layout.

Author: sh1ftd

src/ui/config_panel/header.rs

@@ -0,0 +1,12 @@
+use eframe::egui;
+use egui_phosphor::regular::*;
+
+pub fn render_header(ui: &mut egui::Ui) {
+    ui.vertical_centered(|ui| {
+        ui.add_space(10.0);
+        ui.heading(format!("{LIGHTNING} DMA Speed Test"));
+        ui.add_space(5.0);
+        ui.label("Configure your test parameters below");
+        ui.add_space(15.0);
+    });
+}

src/ui/config_panel/mod.rs

@@ -0,0 +1,8 @@
+mod connector_section;
+mod header;
+mod panel;
+mod start_button;
+mod test_sizes;
+mod ui_scale;
+
+pub use panel::render_config_panel;

src/ui/config_panel/panel.rs

@@ -0,0 +1,57 @@
+use eframe::egui;
+use egui_phosphor::regular::*;
+
+use crate::speedtest::Connector;
+use crate::ui::types::ConfigParams;
+
+use super::{
+    connector_section::render_connector_section, header::render_header,
+    start_button::render_start_button, test_sizes::render_test_size_controls,
+    ui_scale::render_ui_scale_controls,
+};
+
+pub fn render_config_panel(
+    ui: &mut egui::Ui,
+    params: &mut ConfigParams<'_>,
+    on_start_test: impl FnOnce(),
+) {
+    render_header(ui);
+
+    egui::Frame::new()
+        .fill(ui.visuals().extreme_bg_color)
+        .corner_radius(8.0)
+        .inner_margin(15.0)
+        .show(ui, |ui| {
+            ui.set_width(ui.available_width());
+
+            render_ui_scale_controls(ui, params.ui_scale, params.ui_scale_text);
+            ui.add_space(10.0);
+
+            render_connector_section(ui, params.connector, params.pcileech_device);
+            render_duration_slider(ui, params.duration);
+
+            render_test_size_controls(params.test_sizes, ui);
+
+            ui.add_space(15.0);
+            let needs_pcileech_device = *params.connector == Connector::Pcileech
+                && params.pcileech_device.trim().is_empty();
+            let any_size_selected = params.test_sizes.iter().any(|(_, enabled)| *enabled);
+            render_start_button(
+                ui,
+                needs_pcileech_device,
+                any_size_selected,
+                on_start_test,
+                params.show_error_modal,
+                params.error_modal_message,
+                params.show_config,
+            );
+        });
+}
+
+fn render_duration_slider(ui: &mut egui::Ui, duration: &mut u64) {
+    ui.add_space(8.0);
+    ui.label(format!("{CLOCK} Test Duration"));
+    ui.horizontal(|ui| {
+        ui.add(egui::Slider::new(duration, 1..=60).text("seconds"));
+    });
+}

src/ui/config_panel/start_button.rs

@@ -0,0 +1,31 @@
+use eframe::egui;
+
+pub fn render_start_button(
+    ui: &mut egui::Ui,
+    connector_requires_device: bool,
+    has_selected_size: bool,
+    on_start: impl FnOnce(),
+    show_error_modal: &mut bool,
+    error_modal_message: &mut String,
+    show_config: &mut bool,
+) {
+    ui.vertical_centered(|ui| {
+        let start_button =
+            egui::Button::new(egui::RichText::new("START TEST").color(egui::Color32::BLACK))
+                .fill(egui::Color32::from_rgb(46, 204, 113))
+                .stroke(egui::Stroke::new(2.0, egui::Color32::from_rgb(39, 174, 96)));
+
+        if ui.add_sized([250.0, 55.0], start_button).clicked() {
+            if connector_requires_device {
+                *show_error_modal = true;
+                *error_modal_message = "PCILeech device must be specified".to_string();
+            } else if !has_selected_size {
+                *show_error_modal = true;
+                *error_modal_message = "At least one test size must be selected".to_string();
+            } else {
+                *show_config = false;
+                on_start();
+            }
+        }
+    });
+}

src/ui/config_panel/test_sizes.rs

@@ -0,0 +1,89 @@
+use eframe::egui;
+use egui_phosphor::regular::*;
+
+use crate::ui::helpers::{color_for_size, get_size_label};
+
+pub fn render_test_size_controls(test_sizes: &mut [(usize, bool)], ui: &mut egui::Ui) {
+    ui.label(format!("{CHART_BAR} Test Sizes"));
+    ui.label("Select which read sizes to test:");
+
+    render_bulk_actions(test_sizes, ui);
+    ui.add_space(8.0);
+    render_size_grid(test_sizes, ui);
+}
+
+fn render_bulk_actions(test_sizes: &mut [(usize, bool)], ui: &mut egui::Ui) {
+    ui.horizontal(|ui| {
+        if ui.button("Select All").clicked() {
+            for (_, enabled) in test_sizes.iter_mut() {
+                *enabled = true;
+            }
+        }
+
+        ui.add_space(8.0);
+
+        if ui.button("Deselect All").clicked() {
+            for (_, enabled) in test_sizes.iter_mut() {
+                *enabled = false;
+            }
+        }
+
+        ui.add_space(8.0);
+
+        if ui.button("Default").clicked() {
+            for (size, enabled) in test_sizes.iter_mut() {
+                *enabled = matches!(*size, 4096 | 8192 | 16384 | 32768);
+            }
+        }
+    });
+}
+
+fn render_size_grid(test_sizes: &mut [(usize, bool)], ui: &mut egui::Ui) {
+    egui::Grid::new("test_sizes_grid")
+        .num_columns(3)
+        .spacing([16.0, 8.0])
+        .show(ui, |ui| {
+            for (index, (size, enabled)) in test_sizes.iter_mut().enumerate() {
+                let label = get_size_label(*size);
+                let color = color_for_size(*size);
+
+                let is_selected = *enabled;
+                let checkmark = if is_selected { CHECK } else { "" };
+                let text = egui::RichText::new(format!("{checkmark} {label}"))
+                    .color(color)
+                    .strong();
+
+                let stroke = if is_selected {
+                    egui::Stroke::new(2.0, color)
+                } else {
+                    ui.visuals().widgets.inactive.bg_stroke
+                };
+
+                let fill = if is_selected {
+                    ui.visuals().faint_bg_color
+                } else {
+                    ui.visuals().extreme_bg_color
+                };
+
+                let button = egui::Button::new(text)
+                    .fill(fill)
+                    .stroke(stroke)
+                    .corner_radius(6.0);
+
+                if ui
+                    .add_sized([140.0, ui.spacing().interact_size.y * 1.2], button)
+                    .clicked()
+                {
+                    *enabled = !*enabled;
+                }
+
+                if (index + 1).is_multiple_of(3) {
+                    ui.end_row();
+                }
+            }
+
+            if !test_sizes.len().is_multiple_of(3) {
+                ui.end_row();
+            }
+        });
+}

src/ui/config_panel/ui_scale.rs

@@ -0,0 +1,33 @@
+use eframe::egui;
+use egui_phosphor::regular::*;
+
+pub fn render_ui_scale_controls(ui: &mut egui::Ui, ui_scale: &mut f32, ui_scale_text: &mut String) {
+    ui.horizontal(|ui| {
+        ui.label(format!("{MAGNIFYING_GLASS} UI Scale"));
+        let button_size = egui::vec2(22.0, ui.spacing().interact_size.y);
+
+        if ui.add_sized(button_size, egui::Button::new("-")).clicked() {
+            *ui_scale = (*ui_scale - 0.1).max(0.3);
+        }
+
+        if ui_scale_text.parse::<f32>().unwrap_or(1.0) != *ui_scale {
+            *ui_scale_text = format!("{ui_scale:.1}");
+        }
+
+        let text_width = 70.0;
+        if ui
+            .add_sized(
+                [text_width, ui.spacing().interact_size.y],
+                egui::TextEdit::singleline(ui_scale_text),
+            )
+            .changed()
+            && let Ok(parsed_scale) = ui_scale_text.parse::<f32>()
+        {
+            *ui_scale = parsed_scale.clamp(0.3, 3.0);
+        }
+
+        if ui.add_sized(button_size, egui::Button::new("+")).clicked() {
+            *ui_scale = (*ui_scale + 0.1).min(3.0);
+        }
+    });
+}