Add popup mode to SelectView

Single-line, opens a popup on selection.
This commit is contained in:
Alexandre Bury 2016-07-19 23:47:27 -07:00
parent 783fa0f1e2
commit 8b6022a398
2 changed files with 157 additions and 66 deletions

View File

@ -202,8 +202,8 @@ impl SizeCache {
/// Selects a single view (if any) in the tree. /// Selects a single view (if any) in the tree.
pub enum Selector<'a> { pub enum Selector<'a> {
/// Selects a view from its ID /// Selects a view from its ID.
Id(&'a str), Id(&'a str),
/// Selects a view from its path /// Selects a view from its path.
Path(&'a ViewPath), Path(&'a ViewPath),
} }

View File

@ -1,7 +1,10 @@
use std::cmp::min; use std::cmp::min;
use std::rc::Rc; use std::rc::Rc;
use std::cell::Cell;
use Cursive; use Cursive;
use menu::MenuTree;
use view::MenuPopup;
use With; use With;
use direction::Direction; use direction::Direction;
use view::{IdView, View}; use view::{IdView, View};
@ -34,11 +37,14 @@ impl<T> Item<T> {
pub struct SelectView<T = String> { pub struct SelectView<T = String> {
items: Vec<Item<T>>, items: Vec<Item<T>>,
enabled: bool, enabled: bool,
focus: usize, // the focus needs to be manipulable from callbacks
focus: Rc<Cell<usize>>,
scrollbase: ScrollBase, scrollbase: ScrollBase,
// This is a custom callback to include a &T // This is a custom callback to include a &T
select_cb: Option<Rc<Fn(&mut Cursive, &T)>>, select_cb: Option<Rc<Fn(&mut Cursive, &T)>>,
align: Align, align: Align,
// `true` if we show a one-line view, with popup on selection.
popup: bool,
} }
impl<T: 'static> SelectView<T> { impl<T: 'static> SelectView<T> {
@ -47,13 +53,26 @@ impl<T: 'static> SelectView<T> {
SelectView { SelectView {
items: Vec::new(), items: Vec::new(),
enabled: true, enabled: true,
focus: 0, focus: Rc::new(Cell::new(0)),
scrollbase: ScrollBase::new(), scrollbase: ScrollBase::new(),
select_cb: None, select_cb: None,
align: Align::top_left(), align: Align::top_left(),
popup: false,
} }
} }
/// Turns `self` into a popup select view.
///
/// Chainable variant.
pub fn popup(self) -> Self {
self.with(|s| s.set_popup(true))
}
/// Turns `self` into a popup select view.
pub fn set_popup(&mut self, popup: bool) {
self.popup = popup;
}
/// Disables this view. /// Disables this view.
/// ///
/// A disabled view cannot be selected. /// A disabled view cannot be selected.
@ -131,7 +150,7 @@ impl<T: 'static> SelectView<T> {
/// ///
/// Panics if the list is empty. /// Panics if the list is empty.
pub fn selection(&self) -> Rc<T> { pub fn selection(&self) -> Rc<T> {
self.items[self.focus].value.clone() self.items[self.focus()].value.clone()
} }
/// Adds a item to the list, with given label and value. /// Adds a item to the list, with given label and value.
@ -160,6 +179,21 @@ impl<T: 'static> SelectView<T> {
printer.print_hline((x + l, 0), printer.size.x - l - x, " "); printer.print_hline((x + l, 0), printer.size.x - l - x, " ");
} }
} }
fn focus(&self) -> usize {
self.focus.get()
}
fn focus_up(&mut self, n: usize) {
let focus = self.focus();
let n = min(focus, n);
self.focus.set(focus - n);
}
fn focus_down(&mut self, n: usize) {
let focus = min(self.focus() + n, self.items.len());
self.focus.set(focus);
}
} }
impl SelectView<String> { impl SelectView<String> {
@ -176,6 +210,32 @@ impl SelectView<String> {
impl<T: 'static> View for SelectView<T> { impl<T: 'static> View for SelectView<T> {
fn draw(&self, printer: &Printer) { fn draw(&self, printer: &Printer) {
if self.popup {
let style = if !self.enabled {
ColorStyle::Secondary
} else if !printer.focused {
ColorStyle::Primary
} else {
ColorStyle::Highlight
};
let x = printer.size.x - 1;
printer.with_color(style, |printer| {
// Prepare the entire background
printer.print_hline((0, 0), x, " ");
// Draw the borders
printer.print((0, 0), "<");
printer.print((x, 0), ">");
let label = &self.items[self.focus()].label;
// And center the text?
let offset = HAlign::Center.get_offset(label.len(), x);
printer.print((offset, 0), label);
});
} else {
let h = self.items.len(); let h = self.items.len();
let offset = self.align.v.get_offset(h, printer.size.y); let offset = self.align.v.get_offset(h, printer.size.y);
@ -183,16 +243,18 @@ impl<T: 'static> View for SelectView<T> {
&printer.sub_printer(Vec2::new(0, offset), printer.size, true); &printer.sub_printer(Vec2::new(0, offset), printer.size, true);
self.scrollbase.draw(printer, |printer, i| { self.scrollbase.draw(printer, |printer, i| {
printer.with_selection(i == self.focus, |printer| { printer.with_selection(i == self.focus(), |printer| {
if i != self.focus && !self.enabled { if i != self.focus() && !self.enabled {
printer.with_color(ColorStyle::Secondary, printer.with_color(ColorStyle::Secondary, |printer| {
|printer| self.draw_item(printer, i)); self.draw_item(printer, i)
});
} else { } else {
self.draw_item(printer, i); self.draw_item(printer, i);
} }
}); });
}); });
} }
}
fn get_min_size(&mut self, req: Vec2) -> Vec2 { fn get_min_size(&mut self, req: Vec2) -> Vec2 {
// Items here are not compressible. // Items here are not compressible.
@ -203,6 +265,9 @@ impl<T: 'static> View for SelectView<T> {
.map(|item| item.label.width()) .map(|item| item.label.width())
.max() .max()
.unwrap_or(1); .unwrap_or(1);
if self.popup {
Vec2::new(w + 2, 1)
} else {
let h = self.items.len(); let h = self.items.len();
let scrolling = req.y < h; let scrolling = req.y < h;
@ -216,19 +281,43 @@ impl<T: 'static> View for SelectView<T> {
Vec2::new(w, h) Vec2::new(w, h)
} }
}
fn on_event(&mut self, event: Event) -> EventResult { fn on_event(&mut self, event: Event) -> EventResult {
if self.popup {
match event { match event {
Event::Key(Key::Up) if self.focus > 0 => self.focus -= 1, Event::Key(Key::Enter) => {
Event::Key(Key::Down) if self.focus + 1 < self.items.len() => { let mut tree = MenuTree::new();
self.focus += 1 for (i, item) in self.items.iter().enumerate() {
let focus = self.focus.clone();
let select_cb = self.select_cb.as_ref().cloned();
let value = item.value.clone();
tree.add_leaf(&item.label, move |s| {
focus.set(i);
if let Some(ref select_cb) = select_cb {
select_cb(s, &value);
} }
Event::Key(Key::PageUp) => self.focus -= min(self.focus, 10), });
Event::Key(Key::PageDown) => {
self.focus = min(self.focus + 10, self.items.len() - 1)
} }
Event::Key(Key::Home) => self.focus = 0, let tree = Rc::new(tree);
Event::Key(Key::End) => self.focus = self.items.len() - 1, EventResult::with_cb(move |s| {
let tree = tree.clone();
s.add_layer(MenuPopup::new(tree));
})
}
_ => EventResult::Ignored,
}
} else {
match event {
Event::Key(Key::Up) if self.focus() > 0 => self.focus_up(1),
Event::Key(Key::Down) if self.focus() + 1 <
self.items.len() => {
self.focus_down(1)
}
Event::Key(Key::PageUp) => self.focus_up(10),
Event::Key(Key::PageDown) => self.focus_down(10),
Event::Key(Key::Home) => self.focus.set(0),
Event::Key(Key::End) => self.focus.set(self.items.len() - 1),
Event::Key(Key::Enter) if self.select_cb.is_some() => { Event::Key(Key::Enter) if self.select_cb.is_some() => {
let cb = self.select_cb.as_ref().unwrap().clone(); let cb = self.select_cb.as_ref().unwrap().clone();
let v = self.selection(); let v = self.selection();
@ -245,26 +334,28 @@ impl<T: 'static> View for SelectView<T> {
// This is achieved by chaining twice the iterator // This is achieved by chaining twice the iterator
let iter = self.items.iter().chain(self.items.iter()); let iter = self.items.iter().chain(self.items.iter());
if let Some((i, _)) = iter.enumerate() if let Some((i, _)) = iter.enumerate()
.skip(self.focus + 1) .skip(self.focus() + 1)
.find(|&(_, item)| item.label.starts_with(c)) { .find(|&(_, item)| item.label.starts_with(c)) {
// Apply modulo in case we have a hit // Apply modulo in case we have a hit
// from the chained iterator // from the chained iterator
self.focus = i % self.items.len(); self.focus.set(i % self.items.len());
} }
} }
_ => return EventResult::Ignored, _ => return EventResult::Ignored,
} }
let focus = self.focus();
self.scrollbase.scroll_to(self.focus); self.scrollbase.scroll_to(focus);
EventResult::Consumed(None) EventResult::Consumed(None)
} }
}
fn take_focus(&mut self, _: Direction) -> bool { fn take_focus(&mut self, _: Direction) -> bool {
self.enabled && !self.items.is_empty() self.enabled && !self.items.is_empty()
} }
fn layout(&mut self, size: Vec2) { fn layout(&mut self, size: Vec2) {
if !self.popup {
self.scrollbase.set_heights(size.y, self.items.len()); self.scrollbase.set_heights(size.y, self.items.len());
} }
}
} }