filipriec/komp_ac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

we compiled

Browse Source
This commit is contained in:
filipriec
2025-03-25 22:01:09 +01:00
parent 4ced1a36d4
commit 1fe139e0c5
5 changed files with 105 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
client/src/components/auth/login.rs
View File

@@ -1,111 +1,62 @@
// src/components/login/login.rs
// src/components/auth/login.rs
use ratatui::{
widgets::{Block, BorderType, Borders, List, ListItem, ListState, Paragraph},
style::Style,
text::{Line, Span, Text},
layout::{Alignment, Constraint, Direction, Layout, Rect},
style::Style,
text::{Line, Span},
widgets::{Block, BorderType, Borders, Paragraph},
Frame,
};
use crate::config::colors::themes::Theme;
#[derive(Default)]
pub struct LoginState {
pub fields: Vec<String>,
pub values: Vec<String>,
pub selected_field: usize,
pub return_selected: bool,
}
impl LoginState {
pub fn new() -> Self {
Self {
fields: vec!["Username".to_string(), "Password".to_string()],
values: vec![String::new(), String::new()],
selected_field: 0,
}
}
pub fn next_field(&mut self) {
self.selected_field = (self.selected_field + 1) % self.fields.len();
}
pub fn previous_field(&mut self) {
self.selected_field = if self.selected_field == 0 {
self.fields.len() - 1
} else {
self.selected_field - 1
};
}
pub fn render(&mut self, f: &mut Frame, area: Rect, theme: &Theme) {
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));
.style(Style::default().bg(theme.bg))
.title(" Login ");
let inner_area = block.inner(area);
f.render_widget(block, area);
// Simple layout with return button
let chunks = Layout::default()
.direction(Direction::Vertical)
.constraints([
Constraint::Percentage(40),
Constraint::Length(3),
Constraint::Length(5),
Constraint::Min(1),
Constraint::Percentage(40),
])
.split(inner_area);
// Title
let title = Line::from(Span::styled("Login", Style::default().fg(theme.highlight)));
let title_widget = Paragraph::new(title).alignment(Alignment::Center);
f.render_widget(title_widget, chunks[0]);
let button_style = if self.return_selected {
Style::default()
.fg(theme.highlight)
.add_modifier(ratatui::style::Modifier::BOLD)
} else {
Style::default().fg(theme.fg)
};
// Login form
let form_chunks = Layout::default()
.direction(Direction::Vertical)
.constraints([
Constraint::Length(3),
Constraint::Length(3),
Constraint::Length(3),
])
.split(chunks[1]);
let button = Paragraph::new("Return to Intro")
.style(button_style)
.alignment(Alignment::Center)
.block(
Block::default()
.borders(Borders::ALL)
.border_type(BorderType::Plain)
.border_style(if self.return_selected {
Style::default().fg(theme.accent)
} else {
Style::default().fg(theme.border)
}),
);
// Username field
let username_block = Block::default()
.title("Username")
.borders(Borders::ALL)
.border_style(if self.selected_field == 0 {
Style::default().fg(theme.highlight)
} else {
Style::default().fg(theme.border)
});
let username = Paragraph::new(self.values[0].as_str())
.block(username_block);
f.render_widget(username, form_chunks[0]);
// Password field
let password_block = Block::default()
.title("Password")
.borders(Borders::ALL)
.border_style(if self.selected_field == 1 {
Style::default().fg(theme.highlight)
} else {
Style::default().fg(theme.border)
});
let password = Paragraph::new("*".repeat(self.values[1].len()))
.block(password_block);
f.render_widget(password, form_chunks[1]);
// Submit button
let submit_block = Block::default()
.borders(Borders::ALL)
.border_style(if self.selected_field == 2 {
Style::default().fg(theme.highlight)
} else {
Style::default().fg(theme.border)
});
let submit = Paragraph::new("Submit")
.block(submit_block)
.alignment(Alignment::Center);
f.render_widget(submit, form_chunks[2]);
f.render_widget(button, chunks[1]);
}
}