Help modal
This commit is contained in:
@@ -3,7 +3,7 @@ use std::time::Instant;
|
||||
use ratatui::layout::{Alignment, Constraint, Layout, Rect};
|
||||
use ratatui::style::{Color, Modifier, Style};
|
||||
use ratatui::text::{Line, Span};
|
||||
use ratatui::widgets::{Block, Borders, Clear, Paragraph};
|
||||
use ratatui::widgets::{Block, Borders, Cell, Clear, Paragraph, Row, Table};
|
||||
use ratatui::Frame;
|
||||
|
||||
use crate::app::App;
|
||||
@@ -304,11 +304,9 @@ fn render_footer(frame: &mut Frame, app: &App, area: Rect) {
|
||||
("^V", "Paste"),
|
||||
("^B", "Link"),
|
||||
("^D", "Dup"),
|
||||
("^H", "Harden"),
|
||||
("Del", "Delete"),
|
||||
("<>", "Len"),
|
||||
("[]", "Spd"),
|
||||
("+-", "Tempo"),
|
||||
("?", "Keys"),
|
||||
],
|
||||
Page::Patterns => vec![
|
||||
("←→↑↓", "Navigate"),
|
||||
@@ -317,6 +315,7 @@ fn render_footer(frame: &mut Frame, app: &App, area: Rect) {
|
||||
("Esc", "Back"),
|
||||
("r", "Rename"),
|
||||
("Del", "Reset"),
|
||||
("?", "Keys"),
|
||||
],
|
||||
Page::Engine => vec![
|
||||
("Tab", "Section"),
|
||||
@@ -324,15 +323,27 @@ fn render_footer(frame: &mut Frame, app: &App, area: Rect) {
|
||||
("↑↓", "Navigate"),
|
||||
("Enter", "Select"),
|
||||
("A", "Add path"),
|
||||
("?", "Keys"),
|
||||
],
|
||||
Page::Options => vec![
|
||||
("Tab", "Next"),
|
||||
("←→", "Toggle"),
|
||||
("Space", "Play"),
|
||||
("?", "Keys"),
|
||||
],
|
||||
Page::Options => vec![("Tab", "Next"), ("←→", "Toggle"), ("Space", "Play")],
|
||||
Page::Help => vec![
|
||||
("↑↓", "Scroll"),
|
||||
("Tab", "Topic"),
|
||||
("PgUp/Dn", "Page"),
|
||||
("/", "Search"),
|
||||
("?", "Keys"),
|
||||
],
|
||||
Page::Dict => vec![
|
||||
("Tab", "Focus"),
|
||||
("↑↓", "Navigate"),
|
||||
("/", "Search"),
|
||||
("?", "Keys"),
|
||||
],
|
||||
Page::Dict => vec![("Tab", "Focus"), ("↑↓", "Navigate"), ("/", "Search")],
|
||||
};
|
||||
|
||||
let page_width = page_indicator.chars().count();
|
||||
@@ -772,5 +783,73 @@ fn render_modal(frame: &mut Frame, app: &App, snapshot: &SequencerSnapshot, term
|
||||
]);
|
||||
frame.render_widget(Paragraph::new(hint), hint_area);
|
||||
}
|
||||
Modal::KeybindingsHelp { scroll } => {
|
||||
let width = (term.width * 80 / 100).clamp(60, 100);
|
||||
let height = (term.height * 80 / 100).max(15);
|
||||
|
||||
let title = format!("Keybindings — {}", app.page.name());
|
||||
let inner = ModalFrame::new(&title)
|
||||
.width(width)
|
||||
.height(height)
|
||||
.border_color(Color::Rgb(100, 160, 180))
|
||||
.render_centered(frame, term);
|
||||
|
||||
let bindings = super::keybindings::bindings_for(app.page);
|
||||
let visible_rows = inner.height.saturating_sub(2) as usize;
|
||||
|
||||
let rows: Vec<Row> = bindings
|
||||
.iter()
|
||||
.enumerate()
|
||||
.skip(*scroll)
|
||||
.take(visible_rows)
|
||||
.map(|(i, (key, name, desc))| {
|
||||
let bg = if i % 2 == 0 {
|
||||
Color::Rgb(25, 25, 30)
|
||||
} else {
|
||||
Color::Rgb(35, 35, 42)
|
||||
};
|
||||
Row::new(vec![
|
||||
Cell::from(*key).style(Style::default().fg(Color::Yellow)),
|
||||
Cell::from(*name).style(Style::default().fg(Color::Cyan)),
|
||||
Cell::from(*desc).style(Style::default().fg(Color::White)),
|
||||
])
|
||||
.style(Style::default().bg(bg))
|
||||
})
|
||||
.collect();
|
||||
|
||||
let table = Table::new(
|
||||
rows,
|
||||
[
|
||||
Constraint::Length(14),
|
||||
Constraint::Length(12),
|
||||
Constraint::Fill(1),
|
||||
],
|
||||
)
|
||||
.column_spacing(2);
|
||||
|
||||
let table_area = Rect {
|
||||
x: inner.x,
|
||||
y: inner.y,
|
||||
width: inner.width,
|
||||
height: inner.height.saturating_sub(1),
|
||||
};
|
||||
frame.render_widget(table, table_area);
|
||||
|
||||
let hint_area = Rect {
|
||||
x: inner.x,
|
||||
y: inner.y + inner.height.saturating_sub(1),
|
||||
width: inner.width,
|
||||
height: 1,
|
||||
};
|
||||
let hint = Line::from(vec![
|
||||
Span::styled("↑↓", Style::default().fg(Color::Yellow)),
|
||||
Span::styled(" scroll ", Style::default().fg(Color::DarkGray)),
|
||||
Span::styled("PgUp/Dn", Style::default().fg(Color::Yellow)),
|
||||
Span::styled(" page ", Style::default().fg(Color::DarkGray)),
|
||||
Span::styled("Esc/?", Style::default().fg(Color::Yellow)),
|
||||
Span::styled(" close", Style::default().fg(Color::DarkGray)),
|
||||
]);
|
||||
frame.render_widget(Paragraph::new(hint).alignment(Alignment::Right), hint_area);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user