1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
|
use ratatui::{
Frame,
layout::{Constraint, Direction, Layout},
prelude::Rect,
style::{Color, Modifier, Style},
text::{Line, Span},
widgets::{Block, Borders, Clear, List, ListItem, ListState, Paragraph},
};
use crate::app::App;
pub fn ui(frame: &mut Frame, app: &mut App) {
let constraints = [Constraint::Fill(1), Constraint::Length(3)];
let layout = Layout::vertical(constraints);
let [top, bottom] = frame.area().layout(&layout);
let split = Layout::horizontal([Constraint::Percentage(70), Constraint::Percentage(30)])
.spacing(1)
.split(top);
render_packages(frame, split[0], app);
render_use_flags(frame, split[1], app);
let key_hint = match app.showing_search_window {
false => Span::styled(
"(q) to quit | (/) to search | (j) down | (k) up",
Style::default().fg(Color::Yellow),
),
true => Span::styled(
"(esc) to quit search | (enter) to search",
Style::default().fg(Color::Yellow),
),
};
let key_notes_footer =
Paragraph::new(Line::from(key_hint)).block(Block::default().borders(Borders::ALL));
frame.render_widget(key_notes_footer, bottom);
if app.showing_search_window {
let mut popup_block = Block::default()
.title("Search")
.borders(Borders::ALL)
.border_type(ratatui::widgets::BorderType::Rounded);
if let Some(found) = app.search_found {
if found {
popup_block = popup_block.border_style(Style::default().fg(Color::Green))
} else {
popup_block = popup_block.border_style(Style::default().fg(Color::Red))
}
}
app.textarea.set_block(popup_block);
app.textarea.set_style(Style::default().fg(Color::Yellow));
app.textarea.set_cursor_line_style(Style::default());
let area = search_popup_rect(70, frame.area());
frame.render_widget(Clear, area);
frame.render_widget(&app.textarea, area);
}
}
fn search_popup_rect(percent_x: u16, r: Rect) -> Rect {
// Cut the given rectangle into three vertical pieces
let popup_layout = Layout::default()
.direction(Direction::Vertical)
.constraints([Constraint::Length(10), Constraint::Length(3)])
.split(r);
// Then cut the middle vertical piece into three width-wise pieces
Layout::default()
.direction(Direction::Horizontal)
.constraints([
Constraint::Percentage((100 - percent_x) / 2),
Constraint::Percentage(percent_x),
Constraint::Percentage((100 - percent_x) / 2),
])
.split(popup_layout[1])[1] // Return the middle chunk
}
fn render_packages(frame: &mut Frame, area: Rect, app: &mut App) {
let items = app.installed_packages().into_iter().map(|x| x.name.clone());
let list = List::new(items)
.style(Color::White)
.highlight_style(Modifier::REVERSED)
.highlight_symbol("> ")
.block(
Block::new()
.borders(Borders::ALL)
.title("Installed packages"),
);
frame.render_stateful_widget(list, area, &mut app.list_state);
}
fn render_use_flags(frame: &mut Frame, area: Rect, app: &mut App) {
let selected_package_index = match app.list_state.selected() {
Some(selected) => selected,
None => 0,
};
let selected_package = app.installed_packages()[selected_package_index].clone();
let items = selected_package.use_flags.into_iter().map(|x| {
let color = if x.enabled {
Color::Green
} else if x.default {
Color::Blue
} else {
Color::Red
};
let text_style = if x.default {
Style::default().add_modifier(Modifier::ITALIC).fg(color)
} else {
Style::default().fg(color)
};
ListItem::new(x.name).style(text_style)
});
let list = List::new(items)
.style(Color::White)
.scroll_padding(1)
.direction(ratatui::widgets::ListDirection::TopToBottom)
.block(Block::new().borders(Borders::ALL).title("USE Flags"));
let mut list_state = ListState::default();
list_state.select_first();
frame.render_stateful_widget(list, area, &mut list_state);
}
|
