mirror of
https://codeberg.org/unspeaker/tek.git
synced 2025-12-08 04:36:45 +01:00
wip: directional focus!
This commit is contained in:
parent
ec3eb40bb4
commit
225eda0d24
5 changed files with 118 additions and 59 deletions
|
|
@ -1,5 +1,70 @@
|
||||||
use crate::*;
|
use crate::*;
|
||||||
|
|
||||||
|
pub trait FocusGrid<T> {
|
||||||
|
fn layout (&self) -> &[&[T]];
|
||||||
|
fn cursor (&self) -> (usize, usize);
|
||||||
|
fn cursor_mut (&mut self) -> &mut (usize, usize);
|
||||||
|
fn focused (&self) -> &T {
|
||||||
|
let (x, y) = self.cursor();
|
||||||
|
&self.layout()[y][x]
|
||||||
|
}
|
||||||
|
fn focus_up (&mut self) {
|
||||||
|
let layout = self.layout();
|
||||||
|
let (x, y) = self.cursor();
|
||||||
|
let next_y = if y == 0 { layout.len() - 1 } else { y - 1 };
|
||||||
|
let next_x = if layout[y].len() == layout[next_y].len() { x } else {
|
||||||
|
((x as f32 / layout[y].len() as f32) * layout[next_y].len() as f32) as usize
|
||||||
|
};
|
||||||
|
*self.cursor_mut() = (next_x, next_y);
|
||||||
|
}
|
||||||
|
fn focus_down (&mut self) {
|
||||||
|
let layout = self.layout();
|
||||||
|
let (x, y) = self.cursor();
|
||||||
|
let next_y = if y >= layout.len() - 1 { 0 } else { y + 1 };
|
||||||
|
let next_x = if layout[y].len() == layout[next_y].len() { x } else {
|
||||||
|
((x as f32 / layout[y].len() as f32) * layout[next_y].len() as f32) as usize
|
||||||
|
};
|
||||||
|
*self.cursor_mut() = (next_x, next_y);
|
||||||
|
}
|
||||||
|
fn focus_left (&mut self) {
|
||||||
|
let layout = self.layout();
|
||||||
|
let (x, y) = self.cursor();
|
||||||
|
let next_x = if x == 0 { layout[y].len() - 1 } else { x - 1 };
|
||||||
|
*self.cursor_mut() = (next_x, y);
|
||||||
|
}
|
||||||
|
fn focus_right (&mut self) {
|
||||||
|
let layout = self.layout();
|
||||||
|
let (x, y) = self.cursor();
|
||||||
|
let next_x = if x >= layout[y].len() - 1 { 0 } else { x - 1 };
|
||||||
|
*self.cursor_mut() = (next_x, y);
|
||||||
|
}
|
||||||
|
fn focus_next (&mut self) {
|
||||||
|
todo!();
|
||||||
|
}
|
||||||
|
fn focus_prev (&mut self) {
|
||||||
|
todo!();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//pub struct FocusFrame<'a, E: Engine>(usize, Vec<FocusCell<'a, E>>);
|
||||||
|
|
||||||
|
//pub struct FocusCell<'a, E: Engine> {
|
||||||
|
//item: &'a dyn Handle<E>,
|
||||||
|
//next: Option<&'a FocusCell<'a, E>>,
|
||||||
|
//prev: Option<&'a FocusCell<'a, E>>,
|
||||||
|
//up: Option<&'a FocusCell<'a, E>>,
|
||||||
|
//down: Option<&'a FocusCell<'a, E>>,
|
||||||
|
//left: Option<&'a FocusCell<'a, E>>,
|
||||||
|
//right: Option<&'a FocusCell<'a, E>>,
|
||||||
|
//}
|
||||||
|
|
||||||
|
pub trait FocusContainer<E: Engine> {
|
||||||
|
fn focused (&mut self) -> &mut dyn Handle<E>;
|
||||||
|
fn handle_focus (&mut self, _: &E::Input) -> Perhaps<bool> {
|
||||||
|
Ok(None)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/// A component that may contain [Focusable] components.
|
/// A component that may contain [Focusable] components.
|
||||||
pub trait Focus <const N: usize, E: Engine>: Widget<Engine = E> + Handle<E> {
|
pub trait Focus <const N: usize, E: Engine>: Widget<Engine = E> + Handle<E> {
|
||||||
fn focus (&self) -> usize;
|
fn focus (&self) -> usize;
|
||||||
|
|
|
||||||
|
|
@ -219,6 +219,14 @@ pub type KeyMap<T> = [KeyBinding<T>];
|
||||||
kind: crossterm::event::KeyEventKind::Press,
|
kind: crossterm::event::KeyEventKind::Press,
|
||||||
state: crossterm::event::KeyEventState::NONE
|
state: crossterm::event::KeyEventState::NONE
|
||||||
}))
|
}))
|
||||||
|
};
|
||||||
|
(Shift-$code:pat) => {
|
||||||
|
TuiEvent::Input(crossterm::event::Event::Key(crossterm::event::KeyEvent {
|
||||||
|
code: $code,
|
||||||
|
modifiers: crossterm::event::KeyModifiers::SHIFT,
|
||||||
|
kind: crossterm::event::KeyEventKind::Press,
|
||||||
|
state: crossterm::event::KeyEventState::NONE
|
||||||
|
}))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
pub struct TuiOutput {
|
pub struct TuiOutput {
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,8 @@ use crate::*;
|
||||||
|
|
||||||
/// Root level object for standalone `tek_arranger`
|
/// Root level object for standalone `tek_arranger`
|
||||||
pub struct Arranger<E: Engine> {
|
pub struct Arranger<E: Engine> {
|
||||||
|
/// Index of currently focused component
|
||||||
|
pub focus: ArrangerFocus,
|
||||||
/// Controls the JACK transport.
|
/// Controls the JACK transport.
|
||||||
pub transport: Option<Arc<RwLock<TransportToolbar<E>>>>,
|
pub transport: Option<Arc<RwLock<TransportToolbar<E>>>>,
|
||||||
/// Contains all the sequencers.
|
/// Contains all the sequencers.
|
||||||
|
|
@ -12,10 +14,25 @@ pub struct Arranger<E: Engine> {
|
||||||
pub editor: PhraseEditor<E>,
|
pub editor: PhraseEditor<E>,
|
||||||
/// This allows the sequencer view to be moved or hidden.
|
/// This allows the sequencer view to be moved or hidden.
|
||||||
pub show_sequencer: Option<tek_core::Direction>,
|
pub show_sequencer: Option<tek_core::Direction>,
|
||||||
/// Index of currently focused component
|
|
||||||
pub focus: usize,
|
|
||||||
/// Slot for modal dialog displayed on top of app.
|
/// Slot for modal dialog displayed on top of app.
|
||||||
pub modal: Option<Box<dyn ContentComponent<E>>>,
|
pub modal: Option<Box<dyn ContentComponent<E>>>,
|
||||||
|
/// Focus cursor
|
||||||
|
pub focus_cursor: (usize, usize)
|
||||||
|
}
|
||||||
|
/// Sections in the arranger that may be focused
|
||||||
|
#[derive(Copy, Clone, PartialEq, Eq)]
|
||||||
|
pub enum ArrangerFocus { Transport, Arrangement, PhrasePool, PhraseEditor }
|
||||||
|
/// Focus layout of arranger.
|
||||||
|
impl<E: Engine> FocusGrid<ArrangerFocus> for Arranger<E> {
|
||||||
|
fn cursor (&self) -> (usize, usize) { self.focus_cursor }
|
||||||
|
fn cursor_mut (&mut self) -> &mut (usize, usize) { &mut self.focus_cursor }
|
||||||
|
fn layout (&self) -> &[&[ArrangerFocus]] {
|
||||||
|
&[
|
||||||
|
&[ArrangerFocus::Transport],
|
||||||
|
&[ArrangerFocus::Arrangement],
|
||||||
|
&[ArrangerFocus::PhrasePool, ArrangerFocus::PhraseEditor],
|
||||||
|
]
|
||||||
|
}
|
||||||
}
|
}
|
||||||
/// Represents the tracks and scenes of the composition.
|
/// Represents the tracks and scenes of the composition.
|
||||||
pub struct Arrangement<E: Engine> {
|
pub struct Arrangement<E: Engine> {
|
||||||
|
|
|
||||||
|
|
@ -58,9 +58,10 @@ impl ArrangerCli {
|
||||||
)?
|
)?
|
||||||
);
|
);
|
||||||
Tui::run(Arc::new(RwLock::new(Arranger {
|
Tui::run(Arc::new(RwLock::new(Arranger {
|
||||||
|
focus_cursor: (0, 1),
|
||||||
transport: self.transport.then_some(transport),
|
transport: self.transport.then_some(transport),
|
||||||
show_sequencer: Some(tek_core::Direction::Down),
|
show_sequencer: Some(tek_core::Direction::Down),
|
||||||
focus: 0,
|
focus: ArrangerFocus::Arrangement,
|
||||||
modal: None,
|
modal: None,
|
||||||
editor: PhraseEditor::new(),
|
editor: PhraseEditor::new(),
|
||||||
arrangement,
|
arrangement,
|
||||||
|
|
|
||||||
|
|
@ -25,66 +25,34 @@ impl Content for Arranger<Tui> {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/// Focusable items in standalone arranger.
|
|
||||||
impl Focus<3, Tui> for Arranger<Tui> {
|
|
||||||
fn focus (&self) -> usize {
|
|
||||||
self.focus
|
|
||||||
}
|
|
||||||
fn focus_mut (&mut self) -> &mut usize {
|
|
||||||
&mut self.focus
|
|
||||||
}
|
|
||||||
fn focusable (&self) -> [&dyn Focusable<Tui>;3] {
|
|
||||||
focusables!(self.transport, self.arrangement, self.editor)
|
|
||||||
}
|
|
||||||
fn focusable_mut (&mut self) -> [&mut dyn Focusable<Tui>;3] {
|
|
||||||
focusables_mut!(self.transport, self.arrangement, self.editor)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/// Handle top-level events in standalone arranger.
|
/// Handle top-level events in standalone arranger.
|
||||||
impl Handle<Tui> for Arranger<Tui> {
|
impl Handle<Tui> for Arranger<Tui> {
|
||||||
fn handle (&mut self, from: &TuiInput) -> Perhaps<bool> {
|
fn handle (&mut self, from: &TuiInput) -> Perhaps<bool> {
|
||||||
if let Some(modal) = self.modal.as_mut() {
|
if !match self.focused() {
|
||||||
let result = modal.handle(from)?;
|
ArrangerFocus::Transport => self.transport.handle(from)?,
|
||||||
if from.is_done() {
|
ArrangerFocus::Arrangement => self.arrangement.handle(from)?,
|
||||||
self.modal = None;
|
ArrangerFocus::PhrasePool => self.phrases.handle(from)?,
|
||||||
|
ArrangerFocus::PhraseEditor => self.editor.handle(from)?
|
||||||
|
}.unwrap_or(false) {
|
||||||
|
match from.event() {
|
||||||
|
// Tab navigation
|
||||||
|
key!(KeyCode::Tab) => { self.focus_next(); },
|
||||||
|
key!(Shift-KeyCode::Tab) => { self.focus_prev(); },
|
||||||
|
key!(KeyCode::BackTab) => { self.focus_prev(); },
|
||||||
|
key!(Shift-KeyCode::BackTab) => { self.focus_prev(); },
|
||||||
|
// Directional navigation
|
||||||
|
key!(KeyCode::Up) => { self.focus_up(); },
|
||||||
|
key!(KeyCode::Down) => { self.focus_down(); },
|
||||||
|
key!(KeyCode::Left) => { self.focus_left(); },
|
||||||
|
key!(KeyCode::Right) => { self.focus_right(); },
|
||||||
|
// Global play/pause binding
|
||||||
|
key!(KeyCode::Char(' ')) => match self.transport {
|
||||||
|
Some(ref mut transport) => { transport.write().unwrap().toggle_play()?; },
|
||||||
|
None => { return Ok(None) }
|
||||||
|
},
|
||||||
|
_ => {}
|
||||||
}
|
}
|
||||||
return Ok(result)
|
};
|
||||||
}
|
|
||||||
let focus = self.focus;
|
|
||||||
let is_first_row = self.arrangement.is_first_row();
|
|
||||||
let is_last_row = self.arrangement.is_last_row();
|
|
||||||
match from.event() {
|
|
||||||
key!(KeyCode::Char(' ')) => {
|
|
||||||
if let Some(ref mut transport) = self.transport {
|
|
||||||
transport.write().unwrap().toggle_play()?;
|
|
||||||
} else {
|
|
||||||
return Ok(None)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
key!(KeyCode::Tab) => {
|
|
||||||
self.focus_next();
|
|
||||||
},
|
|
||||||
key!(KeyCode::BackTab) => {
|
|
||||||
self.focus_prev();
|
|
||||||
},
|
|
||||||
key!(KeyCode::Down) => {
|
|
||||||
if focus == 0 {
|
|
||||||
self.focus_next();
|
|
||||||
} else if focus == 1 && is_last_row {
|
|
||||||
self.focus_next();
|
|
||||||
} else {
|
|
||||||
return self.focused_mut().handle(from)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
key!(KeyCode::Up) => {
|
|
||||||
if focus == 1 && is_first_row {
|
|
||||||
self.focus_prev();
|
|
||||||
} else {
|
|
||||||
return self.focused_mut().handle(from)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
_ => return self.focused_mut().handle(from)
|
|
||||||
}
|
|
||||||
Ok(Some(true))
|
Ok(Some(true))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue