Improve title bar

unshell-gui/src/app/app.rs

@@ -1,7 +1,10 @@
 use egui::Frame;
 use egui_tiles::Tree;
 
-use crate::app::{AppState, windows::WindowWrapper};
+use crate::{
+    FORCE_REDRAW_DELAY,
+    app::{AppState, windows::WindowWrapper},
+};
 
 /// We derive Deserialize/Serialize so we can persist app state on shutdown.
 #[derive(serde::Deserialize, serde::Serialize)]
@@ -83,5 +86,7 @@ impl eframe::App for TemplateApp {
                 .frame(Frame::central_panel(&ctx.style()).inner_margin(0))
                 .show(ctx, |ui| self.tree.ui(&mut self.state, ui));
         }
+
+        ctx.request_repaint_after(FORCE_REDRAW_DELAY);
     }
 }

unshell-gui/src/app/mod.rs

@@ -19,7 +19,7 @@ pub struct AppState {
 
 impl AppState {
     pub fn labels(&mut self, tree: &mut Tree<WindowWrapper>, ui: &mut egui::Ui) {
-        for (i, (key, name)) in (vec![
+        for (_, (key, name)) in (vec![
             (AppWindow::Flowchart, "Flowchart"),
             (AppWindow::Config, "Config"),
         ])
@@ -38,7 +38,7 @@ impl AppState {
                     // if self.open_windows.is_empty()
                 } else {
                     let tid = tree.tiles.insert_pane(WindowWrapper {
-                        nr: i + 1,
+                        name: name.to_string(),
                         window: *key,
                     });
 
@@ -78,4 +78,17 @@ impl AppWindow {
             AppWindow::Config => state.config.update(&mut state.auth, ui),
         }
     }
+
+    fn render_title_buttons(&self, state: &mut AppState, ui: &mut egui::Ui) {
+        match self {
+            AppWindow::Flowchart => {
+                if ui.button("Arrange").clicked() {
+                    state.flowchart.arrange();
+                }
+            }
+            _ => {
+                ui.label("");
+            }
+        }
+    }
 }

unshell-gui/src/app/windows.rs

@@ -1,14 +1,16 @@
+use egui::Rect;
+
 use crate::app::{AppState, AppWindow};
 
 #[derive(serde::Deserialize, serde::Serialize)]
 pub struct WindowWrapper {
-    pub nr: usize,
+    pub name: String,
     pub window: AppWindow,
 }
 
 impl egui_tiles::Behavior<WindowWrapper> for AppState {
     fn tab_title_for_pane(&mut self, pane: &WindowWrapper) -> egui::WidgetText {
-        format!("Pane {}", pane.nr).into()
+        format!("{}", pane.name).into()
     }
 
     fn pane_ui(
@@ -19,28 +21,49 @@ impl egui_tiles::Behavior<WindowWrapper> for AppState {
     ) -> egui_tiles::UiResponse {
         let mut ret = egui_tiles::UiResponse::None;
 
+        let mut rect = Rect::NOTHING;
+
         ui.horizontal(|ui| {
-            let titlebar = ui.interact(
-                ui.max_rect(),
-                ui.id().with(&format!("Pane_{}_sense", pane.nr)),
-                egui::Sense::drag(),
-            );
+            rect = ui.max_rect();
 
-            if titlebar.drag_started() {
-                ret = egui_tiles::UiResponse::DragStarted;
-            }
-            if titlebar.hovered() {
-                ui.ctx().set_cursor_icon(egui::CursorIcon::Grab);
-            }
+            let bg_color = ui.style().visuals.extreme_bg_color;
 
-            let color = egui::epaint::Hsva::new(0.103 * pane.nr as f32, 0.5, 0.5, 1.0);
-            ui.painter().rect_filled(ui.max_rect(), 0.0, color);
+            ui.painter().rect_filled(rect, 0.0, bg_color);
 
-            ui.label("Test");
+            ui.vertical_centered(|ui| {
+                ui.label(&pane.name);
+            });
         });
 
+        let mut open_space = Rect::NOTHING;
+
+        #[allow(deprecated)]
+        ui.allocate_ui_at_rect(rect, |ui| {
+            ui.horizontal(|ui| {
+                pane.window.render_title_buttons(self, ui);
+                open_space = ui.available_rect_before_wrap();
+            })
+        });
+
+        let drag_sense = ui.interact(
+            open_space,
+            ui.id().with(&format!("Pane_{}_sense", pane.name)),
+            egui::Sense::drag(),
+        );
+
+        if drag_sense.drag_started() {
+            ret = egui_tiles::UiResponse::DragStarted;
+        }
+        if drag_sense.hovered() {
+            ui.ctx().set_cursor_icon(egui::CursorIcon::Grab);
+        }
+
         pane.window.update(self, ui);
 
         ret
     }
+
+    fn tab_bar_color(&self, visuals: &egui::Visuals) -> egui::Color32 {
+        visuals.panel_fill // same as the tab contents
+    }
 }