filipriec/komp_ac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

proper scroll behaviour on the page now

Browse Source
This commit is contained in:
filipriec
2025-04-17 23:37:58 +02:00
parent 75af0c3be1
commit f22dd7749f
3 changed files with 163 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
client/src/components/admin/add_table.rs
View File

@@ -186,8 +186,7 @@ pub fn render_add_table(
// --- Common Widget Rendering (Uses calculated areas) --- // --- Common Widget Rendering (Uses calculated areas) ---
// --- Columns Table Rendering --- // --- Columns Table Rendering ---
let columns_focused = let columns_focused = matches!(add_table_state.current_focus, AddTableFocus::ColumnsTable | AddTableFocus::InsideColumnsTable);
add_table_state.current_focus == AddTableFocus::ColumnsTable;
let columns_border_style = if columns_focused { let columns_border_style = if columns_focused {
Style::default().fg(theme.highlight) Style::default().fg(theme.highlight)
} else { } else {
@@ -204,11 +203,11 @@ pub fn render_add_table(
.style(Style::default().fg(theme.fg)) .style(Style::default().fg(theme.fg))
}) })
.collect(); .collect();
// Use different headers/constraints based on layout? For now, keep consistent.
let header_cells = ["Name", "Type"] let header_cells = ["Name", "Type"]
.iter() .iter()
.map(|h| Cell::from(*h).style(Style::default().fg(theme.accent))); .map(|h| Cell::from(*h).style(Style::default().fg(theme.accent)));
let header = Row::new(header_cells).height(1).bottom_margin(1); let header = Row::new(header_cells).height(1).bottom_margin(1);
let columns_highlight_symbol = if add_table_state.current_focus == AddTableFocus::InsideColumnsTable { " > " } else { " " };
let columns_table = Table::new( let columns_table = Table::new(
column_rows, column_rows,
[Constraint::Percentage(60), Constraint::Percentage(40)], [Constraint::Percentage(60), Constraint::Percentage(40)],
@@ -218,7 +217,7 @@ pub fn render_add_table(
Block::default() Block::default()
.title(Span::styled(" Columns ", theme.fg)) .title(Span::styled(" Columns ", theme.fg))
.title_alignment(Alignment::Center) .title_alignment(Alignment::Center)
.borders(Borders::ALL) // Use ALL borders for consistency .borders(Borders::ALL)
.border_type(BorderType::Rounded) .border_type(BorderType::Rounded)
.border_style(columns_border_style), .border_style(columns_border_style),
) )
@@ -287,11 +286,10 @@ pub fn render_add_table(
add_table_state.current_focus, add_table_state.current_focus,
)), )),
); );
f.render_widget(add_button, add_button_area); // Render into the calculated area f.render_widget(add_button, add_button_area);
// --- Indexes Table Rendering --- // --- Indexes Table Rendering ---
let indexes_focused = let indexes_focused = matches!(add_table_state.current_focus, AddTableFocus::IndexesTable | AddTableFocus::InsideIndexesTable);
add_table_state.current_focus == AddTableFocus::IndexesTable;
let indexes_border_style = if indexes_focused { let indexes_border_style = if indexes_focused {
Style::default().fg(theme.highlight) Style::default().fg(theme.highlight)
} else { } else {
@@ -309,6 +307,7 @@ pub fn render_add_table(
.iter() .iter()
.map(|h| Cell::from(*h).style(Style::default().fg(theme.accent))); .map(|h| Cell::from(*h).style(Style::default().fg(theme.accent)));
let index_header = Row::new(index_header_cells).height(1).bottom_margin(1); let index_header = Row::new(index_header_cells).height(1).bottom_margin(1);
let indexes_highlight_symbol = if add_table_state.current_focus == AddTableFocus::InsideIndexesTable { " > " } else { " " };
let indexes_table = let indexes_table =
Table::new(index_rows, [Constraint::Percentage(100)]) Table::new(index_rows, [Constraint::Percentage(100)])
.header(index_header) .header(index_header)
@@ -333,7 +332,7 @@ pub fn render_add_table(
); );
// --- Links Table Rendering --- // --- Links Table Rendering ---
let links_focused = add_table_state.current_focus == AddTableFocus::LinksTable; let links_focused = matches!(add_table_state.current_focus, AddTableFocus::LinksTable | AddTableFocus::InsideLinksTable);
let links_border_style = if links_focused { let links_border_style = if links_focused {
Style::default().fg(theme.highlight) Style::default().fg(theme.highlight)
} else { } else {
@@ -350,10 +349,11 @@ pub fn render_add_table(
.style(Style::default().fg(theme.fg)) .style(Style::default().fg(theme.fg))
}) })
.collect(); .collect();
let link_header_cells = ["Linked Table", "Req"] let link_header_cells = ["Linked Table", "Selected"]
.iter() .iter()
.map(|h| Cell::from(*h).style(Style::default().fg(theme.accent))); .map(|h| Cell::from(*h).style(Style::default().fg(theme.accent)));
let link_header = Row::new(link_header_cells).height(1).bottom_margin(1); let link_header = Row::new(link_header_cells).height(1).bottom_margin(1);
let links_highlight_symbol = if add_table_state.current_focus == AddTableFocus::InsideLinksTable { " > " } else { " " };
let links_table = let links_table =
Table::new(link_rows, [Constraint::Percentage(80), Constraint::Min(5)]) Table::new(link_rows, [Constraint::Percentage(80), Constraint::Min(5)])
.header(link_header) .header(link_header)
@@ -381,9 +381,9 @@ pub fn render_add_table(
let bottom_button_chunks = Layout::default() let bottom_button_chunks = Layout::default()
.direction(Direction::Horizontal) .direction(Direction::Horizontal)
.constraints([ .constraints([
Constraint::Percentage(33), // Save Button Constraint::Percentage(33), // Save Button
Constraint::Percentage(34), // Delete Button Constraint::Percentage(34), // Delete Button
Constraint::Percentage(33), // Cancel Button Constraint::Percentage(33), // Cancel Button
]) ])
.split(bottom_buttons_area); .split(bottom_buttons_area);
@@ -404,22 +404,22 @@ pub fn render_add_table(
); );
f.render_widget(save_button, bottom_button_chunks[0]); f.render_widget(save_button, bottom_button_chunks[0]);
let delete_button = Paragraph::new(" Delete Selected ") let delete_button = Paragraph::new(" Delete Selected ")
.style(get_button_style( .style(get_button_style(
AddTableFocus::DeleteSelectedButton, AddTableFocus::DeleteSelectedButton,
add_table_state.current_focus, add_table_state.current_focus,
)) ))
.alignment(Alignment::Center) .alignment(Alignment::Center)
.block( .block(
Block::default() Block::default()
.borders(Borders::ALL) .borders(Borders::ALL)
.border_type(BorderType::Rounded) .border_type(BorderType::Rounded)
.border_style(get_button_border_style( .border_style(get_button_border_style(
AddTableFocus::DeleteSelectedButton, AddTableFocus::DeleteSelectedButton,
add_table_state.current_focus, add_table_state.current_focus,
)), )),
); );
f.render_widget(delete_button, bottom_button_chunks[1]); f.render_widget(delete_button, bottom_button_chunks[1]);
let cancel_button = Paragraph::new(" Cancel ") let cancel_button = Paragraph::new(" Cancel ")
.style(get_button_style( .style(get_button_style(

213
client/src/functions/modes/navigation/add_table_nav.rs
View File

@@ -23,11 +23,14 @@ pub fn handle_add_table_navigation(
let mut new_focus = current_focus; // Initialize new_focus let mut new_focus = current_focus; // Initialize new_focus
// Define focus groups for horizontal navigation // Define focus groups for horizontal navigation
let is_left_pane_focus = matches!(current_focus, let is_left_pane_block_focus = matches!(current_focus, // Focus on the table blocks
AddTableFocus::ColumnsTable | AddTableFocus::IndexesTable | AddTableFocus::LinksTable AddTableFocus::ColumnsTable | AddTableFocus::IndexesTable | AddTableFocus::LinksTable
); );
let is_inside_table_focus = matches!(current_focus, // Focus inside for scrolling
AddTableFocus::InsideColumnsTable | AddTableFocus::InsideIndexesTable | AddTableFocus::InsideLinksTable
);
let is_right_pane_general_focus = matches!(current_focus, // Non-canvas elements in right pane let is_right_pane_general_focus = matches!(current_focus, // Non-canvas elements in right pane
AddTableFocus::AddColumnButton | AddTableFocus::SaveButton | AddTableFocus::CancelButton AddTableFocus::AddColumnButton | AddTableFocus::SaveButton | AddTableFocus::DeleteSelectedButton | AddTableFocus::CancelButton
); );
let is_canvas_input_focus = matches!(current_focus, let is_canvas_input_focus = matches!(current_focus,
AddTableFocus::InputTableName | AddTableFocus::InputColumnName | AddTableFocus::InputColumnType AddTableFocus::InputTableName | AddTableFocus::InputColumnName | AddTableFocus::InputColumnType
@@ -37,31 +40,30 @@ pub fn handle_add_table_navigation(
// --- Vertical Navigation (Up/Down) --- // --- Vertical Navigation (Up/Down) ---
Some("move_up") => { Some("move_up") => {
match current_focus { match current_focus {
AddTableFocus::InputTableName => new_focus = AddTableFocus::CancelButton, // Wrap top (right pane) AddTableFocus::InputTableName => new_focus = AddTableFocus::CancelButton,
AddTableFocus::InputColumnName => new_focus = AddTableFocus::InputTableName, AddTableFocus::InputColumnName => new_focus = AddTableFocus::InputTableName,
AddTableFocus::InputColumnType => new_focus = AddTableFocus::InputColumnName, AddTableFocus::InputColumnType => new_focus = AddTableFocus::InputColumnName,
AddTableFocus::AddColumnButton => new_focus = AddTableFocus::InputColumnType, AddTableFocus::AddColumnButton => new_focus = AddTableFocus::InputColumnType,
AddTableFocus::ColumnsTable => { // Left pane navigation // Navigate between blocks when focus is on the table block itself
if !navigate_table_up(&mut add_table_state.column_table_state, add_table_state.columns.len()) { AddTableFocus::ColumnsTable => new_focus = AddTableFocus::AddColumnButton, // Move up to right pane
// If at top of columns, potentially wrap to bottom of left pane (LinksTable) or stay? Let's stay for now. AddTableFocus::IndexesTable => new_focus = AddTableFocus::ColumnsTable,
// Or maybe move to AddColumnButton? Let's try moving up from right pane instead. AddTableFocus::LinksTable => new_focus = AddTableFocus::IndexesTable,
new_focus = AddTableFocus::AddColumnButton; // Tentative: move focus up from right pane // Scroll inside the table when focus is internal
} AddTableFocus::InsideColumnsTable => {
navigate_table_up(&mut add_table_state.column_table_state, add_table_state.columns.len());
// Stay inside the table, don't change new_focus
} }
AddTableFocus::IndexesTable => { AddTableFocus::InsideIndexesTable => {
if !navigate_table_up(&mut add_table_state.index_table_state, add_table_state.indexes.len()) { navigate_table_up(&mut add_table_state.index_table_state, add_table_state.indexes.len());
new_focus = AddTableFocus::ColumnsTable; // Stay inside the table
}
} }
AddTableFocus::LinksTable => { AddTableFocus::InsideLinksTable => {
if !navigate_table_up(&mut add_table_state.link_table_state, add_table_state.links.len()) { navigate_table_up(&mut add_table_state.link_table_state, add_table_state.links.len());
new_focus = AddTableFocus::IndexesTable; // Stay inside the table
}
} }
AddTableFocus::SaveButton => new_focus = AddTableFocus::LinksTable, // Move up to left pane bottom AddTableFocus::SaveButton => new_focus = AddTableFocus::LinksTable,
AddTableFocus::DeleteSelectedButton => new_focus = AddTableFocus::SaveButton, AddTableFocus::DeleteSelectedButton => new_focus = AddTableFocus::SaveButton,
AddTableFocus::CancelButton => new_focus = AddTableFocus::DeleteSelectedButton, AddTableFocus::CancelButton => new_focus = AddTableFocus::DeleteSelectedButton,
} }
} }
Some("move_down") => { Some("move_down") => {
@@ -69,55 +71,56 @@ pub fn handle_add_table_navigation(
AddTableFocus::InputTableName => new_focus = AddTableFocus::InputColumnName, AddTableFocus::InputTableName => new_focus = AddTableFocus::InputColumnName,
AddTableFocus::InputColumnName => new_focus = AddTableFocus::InputColumnType, AddTableFocus::InputColumnName => new_focus = AddTableFocus::InputColumnType,
AddTableFocus::InputColumnType => new_focus = AddTableFocus::AddColumnButton, AddTableFocus::InputColumnType => new_focus = AddTableFocus::AddColumnButton,
AddTableFocus::AddColumnButton => new_focus = AddTableFocus::ColumnsTable, // Move down to left pane top AddTableFocus::AddColumnButton => new_focus = AddTableFocus::ColumnsTable,
AddTableFocus::ColumnsTable => { // Left pane navigation // Navigate between blocks when focus is on the table block itself
if !navigate_table_down(&mut add_table_state.column_table_state, add_table_state.columns.len()) { AddTableFocus::ColumnsTable => new_focus = AddTableFocus::IndexesTable,
new_focus = AddTableFocus::IndexesTable; // Move to next left pane item AddTableFocus::IndexesTable => new_focus = AddTableFocus::LinksTable,
} AddTableFocus::LinksTable => new_focus = AddTableFocus::SaveButton, // Move down to right pane
// Scroll inside the table when focus is internal
AddTableFocus::InsideColumnsTable => {
navigate_table_down(&mut add_table_state.column_table_state, add_table_state.columns.len());
// Stay inside the table
} }
AddTableFocus::IndexesTable => { AddTableFocus::InsideIndexesTable => {
if !navigate_table_down(&mut add_table_state.index_table_state, add_table_state.indexes.len()) { navigate_table_down(&mut add_table_state.index_table_state, add_table_state.indexes.len());
new_focus = AddTableFocus::LinksTable; // Stay inside the table
}
} }
AddTableFocus::LinksTable => { AddTableFocus::InsideLinksTable => {
if !navigate_table_down(&mut add_table_state.link_table_state, add_table_state.links.len()) { navigate_table_down(&mut add_table_state.link_table_state, add_table_state.links.len());
new_focus = AddTableFocus::SaveButton; // Move down to right pane bottom // Stay inside the table
}
} }
AddTableFocus::SaveButton => new_focus = AddTableFocus::DeleteSelectedButton, AddTableFocus::SaveButton => new_focus = AddTableFocus::DeleteSelectedButton,
AddTableFocus::DeleteSelectedButton => new_focus = AddTableFocus::CancelButton, AddTableFocus::DeleteSelectedButton => new_focus = AddTableFocus::CancelButton,
AddTableFocus::CancelButton => new_focus = AddTableFocus::InputTableName, // Wrap bottom (right pane) AddTableFocus::CancelButton => new_focus = AddTableFocus::InputTableName,
} }
} }
// --- Horizontal Navigation (Left/Right) --- // --- Horizontal Navigation (Left/Right) ---
Some("next_option") => { // 'l' or Right: Move from Left Pane to Right Pane Some("next_option") => { // 'l' or Right: Move from Left Pane to Right Pane
if is_left_pane_focus { if is_left_pane_block_focus || is_inside_table_focus { // Treat inside same as block for exiting left
new_focus = match current_focus { new_focus = match current_focus {
// Map left pane items to corresponding right pane items (approximate vertical alignment) // Map left pane items to corresponding right pane items (approximate vertical alignment)
AddTableFocus::ColumnsTable => AddTableFocus::InputTableName, AddTableFocus::ColumnsTable | AddTableFocus::InsideColumnsTable => AddTableFocus::InputTableName,
AddTableFocus::IndexesTable => AddTableFocus::InputColumnName, // Or AddColumnButton? AddTableFocus::IndexesTable | AddTableFocus::InsideIndexesTable => AddTableFocus::InputColumnName,
AddTableFocus::LinksTable => AddTableFocus::SaveButton, AddTableFocus::LinksTable | AddTableFocus::InsideLinksTable => AddTableFocus::SaveButton,
_ => current_focus, // Should not happen based on is_left_pane_focus _ => current_focus, // Should not happen
}; };
} else if is_right_pane_general_focus || is_canvas_input_focus { } else if is_right_pane_general_focus || is_canvas_input_focus {
// If already in right pane, maybe wrap Save -> Cancel or stay? Let's handle Save->Cancel only. // Horizontal nav within bottom buttons
if current_focus == AddTableFocus::SaveButton { if current_focus == AddTableFocus::SaveButton { new_focus = AddTableFocus::DeleteSelectedButton; }
new_focus = AddTableFocus::CancelButton; else if current_focus == AddTableFocus::DeleteSelectedButton { new_focus = AddTableFocus::CancelButton; }
} else if current_focus == AddTableFocus::CancelButton { /* Stay */ }
} }
} }
Some("previous_option") => { // 'h' or Left: Move from Right Pane to Left Pane Some("previous_option") => { // 'h' or Left: Move from Right Pane to Left Pane
if is_right_pane_general_focus { if is_right_pane_general_focus || is_canvas_input_focus { // Treat canvas inputs same as right pane general for moving left
new_focus = match current_focus { new_focus = match current_focus {
// Map right pane items back to left pane items (approximate vertical alignment) // Map right pane items back to left pane items (approximate vertical alignment)
AddTableFocus::InputTableName | AddTableFocus::InputColumnName | AddTableFocus::InputColumnType | AddTableFocus::AddColumnButton => AddTableFocus::ColumnsTable, // Go to top of left pane AddTableFocus::InputTableName | AddTableFocus::InputColumnName | AddTableFocus::InputColumnType | AddTableFocus::AddColumnButton => AddTableFocus::ColumnsTable,
AddTableFocus::SaveButton | AddTableFocus::CancelButton => AddTableFocus::LinksTable, // Go to bottom of left pane AddTableFocus::SaveButton | AddTableFocus::DeleteSelectedButton | AddTableFocus::CancelButton => AddTableFocus::LinksTable,
_ => current_focus, // Should not happen _ => current_focus, // Should not happen
}; };
} else if is_left_pane_focus { } else if is_left_pane_block_focus || is_inside_table_focus { // Treat inside same as block for wrapping left
// If already in left pane, pressing 'h' could wrap to Cancel button?
new_focus = AddTableFocus::CancelButton; // Wrap left-to-right bottom new_focus = AddTableFocus::CancelButton; // Wrap left-to-right bottom
} }
} }
@@ -129,9 +132,10 @@ pub fn handle_add_table_navigation(
AddTableFocus::InputColumnName => AddTableFocus::InputColumnType, AddTableFocus::InputColumnName => AddTableFocus::InputColumnType,
AddTableFocus::InputColumnType => AddTableFocus::AddColumnButton, AddTableFocus::InputColumnType => AddTableFocus::AddColumnButton,
AddTableFocus::AddColumnButton => AddTableFocus::ColumnsTable, AddTableFocus::AddColumnButton => AddTableFocus::ColumnsTable,
AddTableFocus::ColumnsTable => AddTableFocus::IndexesTable, // Treat Inside* same as block focus for tabbing out
AddTableFocus::IndexesTable => AddTableFocus::LinksTable, AddTableFocus::ColumnsTable | AddTableFocus::InsideColumnsTable => AddTableFocus::IndexesTable,
AddTableFocus::LinksTable => AddTableFocus::SaveButton, AddTableFocus::IndexesTable | AddTableFocus::InsideIndexesTable => AddTableFocus::LinksTable,
AddTableFocus::LinksTable | AddTableFocus::InsideLinksTable => AddTableFocus::SaveButton,
AddTableFocus::SaveButton => AddTableFocus::DeleteSelectedButton, AddTableFocus::SaveButton => AddTableFocus::DeleteSelectedButton,
AddTableFocus::DeleteSelectedButton => AddTableFocus::CancelButton, AddTableFocus::DeleteSelectedButton => AddTableFocus::CancelButton,
AddTableFocus::CancelButton => AddTableFocus::InputTableName, // Wrap AddTableFocus::CancelButton => AddTableFocus::InputTableName, // Wrap
@@ -143,9 +147,10 @@ pub fn handle_add_table_navigation(
AddTableFocus::InputColumnName => AddTableFocus::InputTableName, AddTableFocus::InputColumnName => AddTableFocus::InputTableName,
AddTableFocus::InputColumnType => AddTableFocus::InputColumnName, AddTableFocus::InputColumnType => AddTableFocus::InputColumnName,
AddTableFocus::AddColumnButton => AddTableFocus::InputColumnType, AddTableFocus::AddColumnButton => AddTableFocus::InputColumnType,
AddTableFocus::ColumnsTable => AddTableFocus::AddColumnButton, // Treat Inside* same as block focus for tabbing out
AddTableFocus::IndexesTable => AddTableFocus::ColumnsTable, AddTableFocus::ColumnsTable | AddTableFocus::InsideColumnsTable => AddTableFocus::AddColumnButton,
AddTableFocus::LinksTable => AddTableFocus::IndexesTable, AddTableFocus::IndexesTable | AddTableFocus::InsideIndexesTable => AddTableFocus::ColumnsTable,
AddTableFocus::LinksTable | AddTableFocus::InsideLinksTable => AddTableFocus::IndexesTable,
AddTableFocus::SaveButton => AddTableFocus::LinksTable, AddTableFocus::SaveButton => AddTableFocus::LinksTable,
AddTableFocus::DeleteSelectedButton => AddTableFocus::SaveButton, AddTableFocus::DeleteSelectedButton => AddTableFocus::SaveButton,
AddTableFocus::CancelButton => AddTableFocus::DeleteSelectedButton, AddTableFocus::CancelButton => AddTableFocus::DeleteSelectedButton,
@@ -155,6 +160,60 @@ pub fn handle_add_table_navigation(
// --- Selection --- // --- Selection ---
Some("select") => { Some("select") => {
match current_focus { match current_focus {
// --- Enter/Exit Table Focus ---
AddTableFocus::ColumnsTable => {
new_focus = AddTableFocus::InsideColumnsTable;
// Select first item if none selected when entering
if add_table_state.column_table_state.selected().is_none() && !add_table_state.columns.is_empty() {
add_table_state.column_table_state.select(Some(0));
}
*command_message = "Entered Columns Table (Scroll with Up/Down, Select to exit)".to_string();
}
AddTableFocus::IndexesTable => {
new_focus = AddTableFocus::InsideIndexesTable;
if add_table_state.index_table_state.selected().is_none() && !add_table_state.indexes.is_empty() {
add_table_state.index_table_state.select(Some(0));
}
*command_message = "Entered Indexes Table (Scroll with Up/Down, Select to exit)".to_string();
}
AddTableFocus::LinksTable => {
new_focus = AddTableFocus::InsideLinksTable;
if add_table_state.link_table_state.selected().is_none() && !add_table_state.links.is_empty() {
add_table_state.link_table_state.select(Some(0));
}
*command_message = "Entered Links Table (Scroll with Up/Down, Select to toggle/exit)".to_string();
}
AddTableFocus::InsideColumnsTable => {
new_focus = AddTableFocus::ColumnsTable; // Exit back to block focus
*command_message = "Exited Columns Table".to_string();
}
AddTableFocus::InsideIndexesTable => {
new_focus = AddTableFocus::IndexesTable; // Exit back to block focus
*command_message = "Exited Indexes Table".to_string();
}
AddTableFocus::InsideLinksTable => {
// Toggle selection when pressing select *inside* the links table
if let Some(index) = add_table_state.link_table_state.selected() {
if let Some(link) = add_table_state.links.get_mut(index) {
link.selected = !link.selected; // Toggle the selected state
add_table_state.has_unsaved_changes = true; // Mark changes
*command_message = format!(
"Toggled selection for link: {} to {}",
link.linked_table_name, link.selected
);
} else {
*command_message = "Error: Selected link index out of bounds".to_string();
}
} else {
*command_message = "No link selected to toggle".to_string();
}
// Stay inside the links table after toggling
new_focus = AddTableFocus::InsideLinksTable;
// Alternative: Exit after toggle:
// new_focus = AddTableFocus::LinksTable;
// *command_message = format!("{} - Exited Links Table", command_message);
}
// --- Other Select Actions ---
AddTableFocus::AddColumnButton => { AddTableFocus::AddColumnButton => {
if let Some(focus_after_add) = handle_add_column_action(add_table_state, command_message) { if let Some(focus_after_add) = handle_add_column_action(add_table_state, command_message) {
new_focus = focus_after_add; new_focus = focus_after_add;
@@ -172,21 +231,6 @@ pub fn handle_add_table_navigation(
*command_message = "Action: Cancel Add Table".to_string(); *command_message = "Action: Cancel Add Table".to_string();
// TODO: Implement logic // TODO: Implement logic
} }
AddTableFocus::ColumnsTable => {
if let Some(index) = add_table_state.column_table_state.selected() {
*command_message = format!("Selected column index {}", index);
} else { *command_message = "No column selected".to_string(); }
}
AddTableFocus::IndexesTable => {
if let Some(index) = add_table_state.index_table_state.selected() {
*command_message = format!("Selected index index {}", index);
} else { *command_message = "No index selected".to_string(); }
}
AddTableFocus::LinksTable => {
if let Some(index) = add_table_state.link_table_state.selected() {
*command_message = format!("Selected link index {}", index);
} else { *command_message = "No link selected".to_string(); }
}
_ => { // Input fields _ => { // Input fields
*command_message = format!("Select on {:?}", current_focus); *command_message = format!("Select on {:?}", current_focus);
handled = false; // Let main loop handle edit mode toggle maybe handled = false; // Let main loop handle edit mode toggle maybe
@@ -207,19 +251,22 @@ pub fn handle_add_table_navigation(
// Update focus state if it changed and was handled // Update focus state if it changed and was handled
if handled && current_focus != new_focus { if handled && current_focus != new_focus {
add_table_state.current_focus = new_focus; add_table_state.current_focus = new_focus;
*command_message = format!("Focus set to {:?}", add_table_state.current_focus); // Avoid overwriting specific messages set during 'select' handling
if command_message.is_empty() || command_message.starts_with("Focus set to") {
*command_message = format!("Focus set to {:?}", add_table_state.current_focus);
}
// --- THIS IS THE KEY PART ---
// Check if the *new* focus target is one of the canvas input fields // Check if the *new* focus target is one of the canvas input fields
let new_is_canvas_input_focus = matches!(new_focus, let new_is_canvas_input_focus = matches!(new_focus,
AddTableFocus::InputTableName | AddTableFocus::InputColumnName | AddTableFocus::InputColumnType AddTableFocus::InputTableName | AddTableFocus::InputColumnName | AddTableFocus::InputColumnType
); );
// Set focus_outside_canvas based on whether the new focus is NOT an input field // Focus is outside canvas if it's not an input field
app_state.ui.focus_outside_canvas = !new_is_canvas_input_focus; // <--- Sets the flag correctly app_state.ui.focus_outside_canvas = !new_is_canvas_input_focus;
// --- END KEY PART ---
// Select first item when focusing a table // Select first item when focusing a table block (but not when entering 'Inside')
// This might be redundant now due to the 'select' logic selecting first item on entry.
// Consider removing this block if it causes issues.
match add_table_state.current_focus { match add_table_state.current_focus {
AddTableFocus::ColumnsTable if add_table_state.column_table_state.selected().is_none() && !add_table_state.columns.is_empty() => { AddTableFocus::ColumnsTable if add_table_state.column_table_state.selected().is_none() && !add_table_state.columns.is_empty() => {
add_table_state.column_table_state.select(Some(0)); add_table_state.column_table_state.select(Some(0));
@@ -232,7 +279,7 @@ pub fn handle_add_table_navigation(
}_ => {} }_ => {}
} }
} else if !handled { } else if !handled {
// ... // command_message.clear(); // Optional: Clear message if not handled here
} }
handled handled
@@ -248,14 +295,14 @@ fn navigate_table_up(table_state: &mut TableState, item_count: usize) -> bool {
Some(index) => { Some(index) => {
if index > 0 { if index > 0 {
table_state.select(Some(index - 1)); table_state.select(Some(index - 1));
true true // Navigation happened
} else { } else {
false // Was at the top false // Was at the top
} }
} }
None => { None => { // No item selected, select the last one
table_state.select(Some(item_count - 1)); // Select last item table_state.select(Some(item_count - 1));
true true // Navigation happened (selection set)
} }
} }
} }
@@ -269,14 +316,14 @@ fn navigate_table_down(table_state: &mut TableState, item_count: usize) -> bool
Some(index) => { Some(index) => {
if index < item_count - 1 { if index < item_count - 1 {
table_state.select(Some(index + 1)); table_state.select(Some(index + 1));
true true // Navigation happened
} else { } else {
false // Was at the bottom false // Was at the bottom
} }
} }
None => { None => { // No item selected, select the first one
table_state.select(Some(0)); // Select first item table_state.select(Some(0));
true true // Navigation happened (selection set)
} }
} }
} }

5
client/src/state/pages/add_table.rs
View File

@@ -12,6 +12,7 @@ pub struct ColumnDefinition {
pub struct LinkDefinition { pub struct LinkDefinition {
pub linked_table_name: String, pub linked_table_name: String,
pub is_required: bool, pub is_required: bool,
pub selected: bool,
} }
#[derive(Debug, Clone, Copy, PartialEq, Eq, Default)] #[derive(Debug, Clone, Copy, PartialEq, Eq, Default)]
@@ -25,6 +26,10 @@ pub enum AddTableFocus {
ColumnsTable, ColumnsTable,
IndexesTable, IndexesTable,
LinksTable, LinksTable,
// Inside Tables (Scrolling Focus)
InsideColumnsTable,
InsideIndexesTable,
InsideLinksTable,
// Buttons // Buttons
SaveButton, SaveButton,
DeleteSelectedButton, DeleteSelectedButton,