122 lines
3.6 KiB
Rust
122 lines
3.6 KiB
Rust
// src/components/intro/intro.rs
|
|
use ratatui::{
|
|
layout::{Alignment, Constraint, Direction, Layout, Rect},
|
|
style::Style,
|
|
text::{Line, Span},
|
|
widgets::{Block, BorderType, Borders, Paragraph},
|
|
prelude::Margin,
|
|
Frame,
|
|
};
|
|
use crate::config::colors::themes::Theme;
|
|
|
|
pub struct IntroState {
|
|
pub selected_option: usize,
|
|
}
|
|
|
|
impl IntroState {
|
|
pub fn new() -> Self {
|
|
Self { selected_option: 0 }
|
|
}
|
|
|
|
pub fn render(&self, f: &mut Frame, area: Rect, theme: &Theme) {
|
|
let block = Block::default()
|
|
.borders(Borders::ALL)
|
|
.border_type(BorderType::Rounded)
|
|
.border_style(Style::default().fg(theme.accent))
|
|
.style(Style::default().bg(theme.bg));
|
|
|
|
let inner_area = block.inner(area);
|
|
f.render_widget(block, area);
|
|
|
|
// Center layout
|
|
let chunks = Layout::default()
|
|
.direction(Direction::Vertical)
|
|
.constraints([
|
|
Constraint::Percentage(40),
|
|
Constraint::Length(5), // Increased to accommodate 3 buttons
|
|
Constraint::Percentage(40),
|
|
])
|
|
.split(inner_area);
|
|
|
|
// Title
|
|
let title = Line::from(vec![
|
|
Span::styled("multieko2", Style::default().fg(theme.highlight)),
|
|
Span::styled(" v", Style::default().fg(theme.fg)),
|
|
Span::styled(env!("CARGO_PKG_VERSION"), Style::default().fg(theme.secondary)),
|
|
]);
|
|
let title_para = Paragraph::new(title)
|
|
.alignment(Alignment::Center);
|
|
f.render_widget(title_para, chunks[1]);
|
|
|
|
// Buttons - now with 3 options
|
|
let button_area = Layout::default()
|
|
.direction(Direction::Horizontal)
|
|
.constraints([
|
|
Constraint::Percentage(33),
|
|
Constraint::Percentage(33),
|
|
Constraint::Percentage(33),
|
|
])
|
|
.split(chunks[1].inner(Margin {
|
|
horizontal: 1,
|
|
vertical: 1
|
|
}));
|
|
|
|
self.render_button(
|
|
f,
|
|
button_area[0],
|
|
"Continue",
|
|
self.selected_option == 0,
|
|
theme,
|
|
);
|
|
self.render_button(
|
|
f,
|
|
button_area[1],
|
|
"Admin",
|
|
self.selected_option == 1,
|
|
theme,
|
|
);
|
|
self.render_button(
|
|
f,
|
|
button_area[2],
|
|
"Login",
|
|
self.selected_option == 2,
|
|
theme,
|
|
);
|
|
}
|
|
|
|
fn render_button(&self, f: &mut Frame, area: Rect, text: &str, selected: bool, theme: &Theme) {
|
|
let button_style = if selected {
|
|
Style::default()
|
|
.fg(theme.highlight)
|
|
.bg(theme.bg)
|
|
.add_modifier(ratatui::style::Modifier::BOLD)
|
|
} else {
|
|
Style::default().fg(theme.fg).bg(theme.bg)
|
|
};
|
|
|
|
let button = Paragraph::new(text)
|
|
.style(button_style)
|
|
.alignment(Alignment::Center)
|
|
.block(
|
|
Block::default()
|
|
.borders(Borders::ALL)
|
|
.border_type(BorderType::Double)
|
|
.border_style(if selected {
|
|
Style::default().fg(theme.accent)
|
|
} else {
|
|
Style::default().fg(theme.border)
|
|
}),
|
|
);
|
|
|
|
f.render_widget(button, area);
|
|
}
|
|
|
|
pub fn next_option(&mut self) {
|
|
self.selected_option = (self.selected_option + 1) % 3;
|
|
}
|
|
|
|
pub fn previous_option(&mut self) {
|
|
self.selected_option = if self.selected_option == 0 { 2 } else { self.selected_option - 1 };
|
|
}
|
|
}
|