Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
20f9fae141 | ||
|
|
ec062bbf24 | ||
|
|
8745c9ea2f | ||
|
|
0917654361 | ||
|
|
d892d1cfa0 |
@@ -10,6 +10,7 @@ next_option = ["l", "Right"]
|
|||||||
previous_option = ["h", "Left"]
|
previous_option = ["h", "Left"]
|
||||||
select = ["Enter"]
|
select = ["Enter"]
|
||||||
toggle_sidebar = ["ctrl+t"]
|
toggle_sidebar = ["ctrl+t"]
|
||||||
|
toggle_buffer_list = ["ctrl+b"]
|
||||||
next_field = ["Tab"]
|
next_field = ["Tab"]
|
||||||
prev_field = ["Shift+Tab"]
|
prev_field = ["Shift+Tab"]
|
||||||
|
|
||||||
@@ -24,6 +25,7 @@ save_and_quit = ["ctrl+shift+s"]
|
|||||||
move_up = ["Up"]
|
move_up = ["Up"]
|
||||||
move_down = ["Down"]
|
move_down = ["Down"]
|
||||||
toggle_sidebar = ["ctrl+t"]
|
toggle_sidebar = ["ctrl+t"]
|
||||||
|
toggle_buffer_list = ["ctrl+b"]
|
||||||
|
|
||||||
# MODE SPECIFIC
|
# MODE SPECIFIC
|
||||||
# READ ONLY MODE
|
# READ ONLY MODE
|
||||||
|
|||||||
@@ -1,24 +1,35 @@
|
|||||||
// src/components/admin/admin_panel.rs
|
// src/components/admin/admin_panel.rs
|
||||||
|
|
||||||
use crate::config::colors::themes::Theme;
|
use crate::config::colors::themes::Theme;
|
||||||
use crate::state::pages::admin::AdminState; // Import the persistent state
|
use crate::state::pages::auth::AuthState;
|
||||||
|
use crate::state::pages::admin::AdminState;
|
||||||
use common::proto::multieko2::table_definition::ProfileTreeResponse;
|
use common::proto::multieko2::table_definition::ProfileTreeResponse;
|
||||||
use ratatui::{
|
use ratatui::{
|
||||||
layout::{Alignment, Constraint, Direction, Layout, Rect},
|
layout::{Alignment, Constraint, Direction, Layout, Rect},
|
||||||
style::Style, // Added Modifier
|
style::Style,
|
||||||
text::{Line, Span, Text},
|
text::{Line, Span, Text},
|
||||||
widgets::{Block, BorderType, Borders, List, ListItem, Paragraph, Wrap},
|
widgets::{Block, BorderType, Borders, List, ListItem, Paragraph, Wrap},
|
||||||
Frame,
|
Frame,
|
||||||
};
|
};
|
||||||
|
|
||||||
// Renamed from AdminPanelState::render and made a standalone function
|
/// Renders the view specific to admin users.
|
||||||
|
fn render_admin_panel_admin(f: &mut Frame, content_chunks: &[Rect], theme: &Theme) {
|
||||||
|
// Admin-specific view placeholder
|
||||||
|
let admin_message = Paragraph::new("Admin-specific view. Profile selection not applicable.")
|
||||||
|
.style(Style::default().fg(theme.fg))
|
||||||
|
.alignment(Alignment::Center);
|
||||||
|
// Render only in the right pane for now, leaving left empty
|
||||||
|
f.render_widget(admin_message, content_chunks[1]);
|
||||||
|
}
|
||||||
|
|
||||||
pub fn render_admin_panel(
|
pub fn render_admin_panel(
|
||||||
f: &mut Frame,
|
f: &mut Frame,
|
||||||
admin_state: &AdminState, // Accept the persistent state (immutable borrow is enough for rendering)
|
auth_state: &AuthState,
|
||||||
|
admin_state: &AdminState,
|
||||||
area: Rect,
|
area: Rect,
|
||||||
theme: &Theme,
|
theme: &Theme,
|
||||||
profile_tree: &ProfileTreeResponse,
|
profile_tree: &ProfileTreeResponse,
|
||||||
selected_profile: &Option<String>, // The globally selected profile for the checkmark
|
selected_profile: &Option<String>,
|
||||||
) {
|
) {
|
||||||
let block = Block::default()
|
let block = Block::default()
|
||||||
.borders(Borders::ALL)
|
.borders(Borders::ALL)
|
||||||
@@ -45,14 +56,36 @@ pub fn render_admin_panel(
|
|||||||
.constraints([Constraint::Percentage(30), Constraint::Percentage(70)])
|
.constraints([Constraint::Percentage(30), Constraint::Percentage(70)])
|
||||||
.split(chunks[1]);
|
.split(chunks[1]);
|
||||||
|
|
||||||
|
if auth_state.role.as_deref() != Some("admin") {
|
||||||
|
render_admin_panel_non_admin(
|
||||||
|
f,
|
||||||
|
admin_state,
|
||||||
|
&content_chunks,
|
||||||
|
theme,
|
||||||
|
profile_tree,
|
||||||
|
selected_profile,
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
render_admin_panel_admin(f, &content_chunks, theme);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Renders the view for non-admin users (profile list and details).
|
||||||
|
fn render_admin_panel_non_admin(
|
||||||
|
f: &mut Frame,
|
||||||
|
admin_state: &AdminState,
|
||||||
|
content_chunks: &[Rect],
|
||||||
|
theme: &Theme,
|
||||||
|
profile_tree: &ProfileTreeResponse,
|
||||||
|
selected_profile: &Option<String>,
|
||||||
|
) {
|
||||||
// Profile list - Use data from admin_state
|
// Profile list - Use data from admin_state
|
||||||
let items: Vec<ListItem> = admin_state
|
let items: Vec<ListItem> = admin_state
|
||||||
.profiles // Use profiles from the persistent state
|
.profiles
|
||||||
.iter()
|
.iter()
|
||||||
.map(|p| {
|
.map(|p| {
|
||||||
ListItem::new(Line::from(vec![
|
ListItem::new(Line::from(vec![
|
||||||
Span::styled(
|
Span::styled(
|
||||||
// Check against the globally selected profile for the checkmark
|
|
||||||
if Some(p) == selected_profile.as_ref() { "✓ " } else { " " },
|
if Some(p) == selected_profile.as_ref() { "✓ " } else { " " },
|
||||||
Style::default().fg(theme.accent),
|
Style::default().fg(theme.accent),
|
||||||
),
|
),
|
||||||
@@ -65,15 +98,12 @@ pub fn render_admin_panel(
|
|||||||
.block(Block::default().title("Profiles"))
|
.block(Block::default().title("Profiles"))
|
||||||
.highlight_style(Style::default().bg(theme.highlight).fg(theme.bg));
|
.highlight_style(Style::default().bg(theme.highlight).fg(theme.bg));
|
||||||
|
|
||||||
// Render statefully using a CLONE of the list_state from persistent AdminState
|
|
||||||
// Cloning is necessary because render_stateful_widget needs `&mut ListState`
|
|
||||||
// but we only have `&AdminState`. This is a common pattern in Ratatui.
|
|
||||||
let mut list_state_clone = admin_state.list_state.clone();
|
let mut list_state_clone = admin_state.list_state.clone();
|
||||||
f.render_stateful_widget(list, content_chunks[0], &mut list_state_clone);
|
f.render_stateful_widget(list, content_chunks[0], &mut list_state_clone);
|
||||||
|
|
||||||
// Profile details - Use selection info from admin_state
|
// Profile details - Use selection info from admin_state
|
||||||
if let Some(profile) = admin_state
|
if let Some(profile) = admin_state
|
||||||
.get_selected_index() // Use the method from persistent state
|
.get_selected_index()
|
||||||
.and_then(|i| profile_tree.profiles.get(i))
|
.and_then(|i| profile_tree.profiles.get(i))
|
||||||
{
|
{
|
||||||
let mut text = Text::default();
|
let mut text = Text::default();
|
||||||
@@ -101,8 +131,7 @@ pub fn render_admin_panel(
|
|||||||
|
|
||||||
let details_widget = Paragraph::new(text)
|
let details_widget = Paragraph::new(text)
|
||||||
.block(Block::default().title("Details"))
|
.block(Block::default().title("Details"))
|
||||||
.wrap(Wrap { trim: true }); // Add wrapping
|
.wrap(Wrap { trim: true });
|
||||||
f.render_widget(details_widget, content_chunks[1]);
|
f.render_widget(details_widget, content_chunks[1]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,8 @@
|
|||||||
// src/components/handlers.rs
|
// src/components/handlers.rs
|
||||||
pub mod canvas;
|
pub mod canvas;
|
||||||
pub mod sidebar;
|
pub mod sidebar;
|
||||||
|
pub mod buffer_list;
|
||||||
|
|
||||||
pub use canvas::*;
|
pub use canvas::*;
|
||||||
pub use sidebar::*;
|
pub use sidebar::*;
|
||||||
|
pub use buffer_list::*;
|
||||||
|
|||||||
61
client/src/components/handlers/buffer_list.rs
Normal file
61
client/src/components/handlers/buffer_list.rs
Normal file
@@ -0,0 +1,61 @@
|
|||||||
|
// src/components/handlers/buffer_list.rs
|
||||||
|
|
||||||
|
use crate::config::colors::themes::Theme;
|
||||||
|
use crate::state::app::state::AppState;
|
||||||
|
use ratatui::{
|
||||||
|
layout::{Alignment, Rect}, // Added Alignment
|
||||||
|
style::{Style, Stylize},
|
||||||
|
text::{Line, Span}, // Added Span
|
||||||
|
widgets::{Block, Borders, Paragraph}, // Changed widgets
|
||||||
|
Frame,
|
||||||
|
};
|
||||||
|
|
||||||
|
pub fn render_buffer_list(
|
||||||
|
f: &mut Frame,
|
||||||
|
area: Rect,
|
||||||
|
theme: &Theme,
|
||||||
|
app_state: &AppState,
|
||||||
|
) {
|
||||||
|
let mut current_buffer_name = "*scratch*"; // Default
|
||||||
|
|
||||||
|
// Determine the active buffer name based on UI state
|
||||||
|
if app_state.ui.show_intro {
|
||||||
|
current_buffer_name = "Intro";
|
||||||
|
} else if app_state.ui.show_register {
|
||||||
|
current_buffer_name = "Register";
|
||||||
|
} else if app_state.ui.show_login {
|
||||||
|
current_buffer_name = "Login";
|
||||||
|
} else if app_state.ui.show_admin {
|
||||||
|
current_buffer_name = "Admin Panel";
|
||||||
|
} else if app_state.ui.show_form {
|
||||||
|
// Potentially make this more specific later (e.g., show table name)
|
||||||
|
current_buffer_name = "Data Form";
|
||||||
|
}
|
||||||
|
// Add more conditions if other views exist
|
||||||
|
|
||||||
|
// Create the text line for the buffer name with padding
|
||||||
|
let buffer_text = Line::from(vec![
|
||||||
|
Span::raw(" "), // Left padding
|
||||||
|
Span::styled(
|
||||||
|
current_buffer_name,
|
||||||
|
Style::default().fg(theme.bg).bg(theme.highlight), // Style active tab
|
||||||
|
),
|
||||||
|
Span::raw(" "), // Right padding
|
||||||
|
]);
|
||||||
|
|
||||||
|
// Create the paragraph centered within the block
|
||||||
|
let paragraph = Paragraph::new(buffer_text)
|
||||||
|
.alignment(Alignment::Left) // Align text left, padding handles spacing
|
||||||
|
.block(
|
||||||
|
Block::default()
|
||||||
|
// Keep only the bottom border to act as a separator
|
||||||
|
.borders(Borders::BOTTOM)
|
||||||
|
.border_style(Style::default().fg(theme.secondary)),
|
||||||
|
)
|
||||||
|
// Set the background for the entire area (behind the text/block)
|
||||||
|
.style(Style::default().bg(theme.bg));
|
||||||
|
|
||||||
|
// Render the paragraph widget
|
||||||
|
f.render_widget(paragraph, area);
|
||||||
|
}
|
||||||
|
|
||||||
@@ -43,12 +43,6 @@ pub async fn handle_navigation_event(
|
|||||||
previous_option(app_state, intro_state);
|
previous_option(app_state, intro_state);
|
||||||
return Ok(EventOutcome::Ok(String::new()));
|
return Ok(EventOutcome::Ok(String::new()));
|
||||||
}
|
}
|
||||||
"toggle_sidebar" => {
|
|
||||||
toggle_sidebar(app_state);
|
|
||||||
return Ok(EventOutcome::Ok(format!("Sidebar {}",
|
|
||||||
if app_state.ui.show_sidebar { "shown" } else { "hidden" }
|
|
||||||
)));
|
|
||||||
}
|
|
||||||
"next_field" => {
|
"next_field" => {
|
||||||
next_field(form_state);
|
next_field(form_state);
|
||||||
return Ok(EventOutcome::Ok(String::new()));
|
return Ok(EventOutcome::Ok(String::new()));
|
||||||
@@ -140,10 +134,6 @@ pub fn previous_option(app_state: &mut AppState, intro_state: &mut IntroState) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
pub fn toggle_sidebar(app_state: &mut AppState) {
|
|
||||||
app_state.ui.show_sidebar = !app_state.ui.show_sidebar;
|
|
||||||
}
|
|
||||||
|
|
||||||
pub fn next_field(form_state: &mut FormState) {
|
pub fn next_field(form_state: &mut FormState) {
|
||||||
if !form_state.fields.is_empty() {
|
if !form_state.fields.is_empty() {
|
||||||
form_state.current_field = (form_state.current_field + 1) % form_state.fields.len();
|
form_state.current_field = (form_state.current_field + 1) % form_state.fields.len();
|
||||||
|
|||||||
@@ -101,6 +101,13 @@ impl EventHandler {
|
|||||||
);
|
);
|
||||||
return Ok(EventOutcome::Ok(message));
|
return Ok(EventOutcome::Ok(message));
|
||||||
}
|
}
|
||||||
|
if UiStateHandler::toggle_buffer_list(&mut app_state.ui, config, key_code, modifiers) {
|
||||||
|
let message = format!("Buffer {}",
|
||||||
|
if app_state.ui.show_buffer_list { "shown" } else { "hidden" }
|
||||||
|
);
|
||||||
|
return Ok(EventOutcome::Ok(message));
|
||||||
|
}
|
||||||
|
// --- End Global UI Toggles ---
|
||||||
|
|
||||||
match current_mode {
|
match current_mode {
|
||||||
AppMode::General => {
|
AppMode::General => {
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ pub struct DialogState {
|
|||||||
|
|
||||||
pub struct UiState {
|
pub struct UiState {
|
||||||
pub show_sidebar: bool,
|
pub show_sidebar: bool,
|
||||||
|
pub show_buffer_list: bool,
|
||||||
pub show_intro: bool,
|
pub show_intro: bool,
|
||||||
pub show_admin: bool,
|
pub show_admin: bool,
|
||||||
pub show_form: bool,
|
pub show_form: bool,
|
||||||
@@ -136,6 +137,7 @@ impl Default for UiState {
|
|||||||
show_form: false,
|
show_form: false,
|
||||||
show_login: false,
|
show_login: false,
|
||||||
show_register: false,
|
show_register: false,
|
||||||
|
show_buffer_list: false,
|
||||||
focus_outside_canvas: false,
|
focus_outside_canvas: false,
|
||||||
dialog: DialogState::default(),
|
dialog: DialogState::default(),
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -21,4 +21,18 @@ impl UiStateHandler {
|
|||||||
false
|
false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
pub fn toggle_buffer_list(
|
||||||
|
ui_state: &mut UiState,
|
||||||
|
config: &Config,
|
||||||
|
key: KeyCode,
|
||||||
|
modifiers: KeyModifiers,
|
||||||
|
) -> bool {
|
||||||
|
if let Some(action) = config.get_common_action(key, modifiers) {
|
||||||
|
if action == "toggle_buffer_list" {
|
||||||
|
ui_state.show_buffer_list = !ui_state.show_buffer_list;
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
false
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
use crate::components::{
|
use crate::components::{
|
||||||
render_background,
|
render_background,
|
||||||
|
render_buffer_list,
|
||||||
render_command_line,
|
render_command_line,
|
||||||
render_status_line,
|
render_status_line,
|
||||||
intro::intro::render_intro,
|
intro::intro::render_intro,
|
||||||
@@ -40,16 +41,44 @@ pub fn render_ui(
|
|||||||
) {
|
) {
|
||||||
render_background(f, f.area(), theme);
|
render_background(f, f.area(), theme);
|
||||||
|
|
||||||
|
// Adjust layout based on whether buffer list is shown
|
||||||
|
let constraints = if app_state.ui.show_buffer_list {
|
||||||
|
vec![
|
||||||
|
Constraint::Length(2), // Buffer list
|
||||||
|
Constraint::Min(1), // Main content
|
||||||
|
Constraint::Length(1), // Status line
|
||||||
|
Constraint::Length(1), // Command line
|
||||||
|
]
|
||||||
|
} else {
|
||||||
|
vec![
|
||||||
|
Constraint::Min(1), // Main content
|
||||||
|
Constraint::Length(1), // Status line (no buffer list)
|
||||||
|
Constraint::Length(1), // Command line
|
||||||
|
]
|
||||||
|
};
|
||||||
|
|
||||||
let root = Layout::default()
|
let root = Layout::default()
|
||||||
.direction(Direction::Vertical)
|
.direction(Direction::Vertical)
|
||||||
.constraints([
|
.constraints(constraints)
|
||||||
Constraint::Min(1),
|
|
||||||
Constraint::Length(1),
|
|
||||||
Constraint::Length(1),
|
|
||||||
])
|
|
||||||
.split(f.area());
|
.split(f.area());
|
||||||
|
|
||||||
let main_content_area = root[0];
|
let mut buffer_list_area = None;
|
||||||
|
let main_content_area;
|
||||||
|
let status_line_area;
|
||||||
|
let command_line_area;
|
||||||
|
|
||||||
|
// Assign areas based on layout
|
||||||
|
if app_state.ui.show_buffer_list {
|
||||||
|
buffer_list_area = Some(root[0]);
|
||||||
|
main_content_area = root[1];
|
||||||
|
status_line_area = root[2];
|
||||||
|
command_line_area = root[3];
|
||||||
|
} else {
|
||||||
|
main_content_area = root[0];
|
||||||
|
status_line_area = root[1];
|
||||||
|
command_line_area = root[2];
|
||||||
|
}
|
||||||
|
|
||||||
if app_state.ui.show_intro {
|
if app_state.ui.show_intro {
|
||||||
render_intro(f, intro_state, main_content_area, theme);
|
render_intro(f, intro_state, main_content_area, theme);
|
||||||
} else if app_state.ui.show_register {
|
} else if app_state.ui.show_register {
|
||||||
@@ -61,7 +90,7 @@ pub fn render_ui(
|
|||||||
app_state,
|
app_state,
|
||||||
register_state.current_field < 4
|
register_state.current_field < 4
|
||||||
);
|
);
|
||||||
}else if app_state.ui.show_login {
|
} else if app_state.ui.show_login {
|
||||||
render_login(
|
render_login(
|
||||||
f,
|
f,
|
||||||
main_content_area,
|
main_content_area,
|
||||||
@@ -73,6 +102,7 @@ pub fn render_ui(
|
|||||||
} else if app_state.ui.show_admin {
|
} else if app_state.ui.show_admin {
|
||||||
crate::components::admin::admin_panel::render_admin_panel(
|
crate::components::admin::admin_panel::render_admin_panel(
|
||||||
f,
|
f,
|
||||||
|
auth_state,
|
||||||
admin_state,
|
admin_state,
|
||||||
main_content_area,
|
main_content_area,
|
||||||
theme,
|
theme,
|
||||||
@@ -135,10 +165,14 @@ pub fn render_ui(
|
|||||||
total_count,
|
total_count,
|
||||||
current_position,
|
current_position,
|
||||||
);
|
);
|
||||||
} else{
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
render_status_line(f, root[1], current_dir, theme, is_edit_mode);
|
// Render buffer list if enabled and area is available
|
||||||
render_command_line(f, root[2], command_input, command_mode, theme, command_message);
|
if let Some(area) = buffer_list_area {
|
||||||
|
if app_state.ui.show_buffer_list {
|
||||||
|
render_buffer_list(f, area, theme, app_state);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
render_status_line(f, status_line_area, current_dir, theme, is_edit_mode);
|
||||||
|
render_command_line(f, command_line_area, command_input, command_mode, theme, command_message);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user