phanipavank/Steckbrett
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

change layout and title
All checks were successful
/ Quality Check (push) Successful in 2m0s
Details
/ Build (push) Successful in 2m24s
Details

Browse Source
This commit is contained in:
Phani Pavan K
2025-10-09 12:01:39 +05:30
parent 1934c869a7
commit db1aad13f5
2 changed files with 55 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/ui/mod.rs
View File

@@ -14,32 +14,39 @@ use crate::app::{AppState, status::EditingField};
use crate::ui::centeredRect::centered_rect;
pub fn ui(frame: &mut Frame, app: &AppState) {
let chunks = Layout::default()
.direction(ratatui::layout::Direction::Vertical)
.constraints([
Constraint::Length(3),
Constraint::Min(3),
Constraint::Length(3),
])
// Split entire body into left title+body and right screen+keybinds chunks
let screenChunks = Layout::default()
.direction(ratatui::layout::Direction::Horizontal)
.constraints([Constraint::Fill(5), Constraint::Fill(2)])
.split(frame.area());
let footerChunks = Layout::default()
.direction(ratatui::layout::Direction::Horizontal)
.constraints([Constraint::Percentage(50), Constraint::Percentage(50)])
.split(chunks[2]);
// Split left chunk into title and body
let titleBodyChunks = Layout::default()
.direction(ratatui::layout::Direction::Vertical)
.constraints([Constraint::Length(3), Constraint::Min(3)])
.split(screenChunks[0]);
// Split right chunk into header and keybind area
let headerKeybindChunks = Layout::default()
.direction(ratatui::layout::Direction::Vertical)
.constraints([Constraint::Length(3), Constraint::Min(3)])
.split(screenChunks[1]);
// ------------------------
// Create and add title block
let titleBlock = Block::default()
.borders(Borders::ALL)
.borders(Borders::all())
.style(Style::default());
let title = Paragraph::new(Text::styled(
"Create new entry",
"SteckBrett, a network ports plugboard",
Style::default().fg(Color::Green),
))
.block(titleBlock);
frame.render_widget(title, chunks[0]);
frame.render_widget(title, titleBodyChunks[0]);
// Create and add body
let mut currentItems = Vec::<ListItem>::new();
for (i, e) in app.entries.iter().enumerate() {
currentItems.push(ListItem::new(Line::from(Span::styled(
@@ -47,9 +54,10 @@ pub fn ui(frame: &mut Frame, app: &AppState) {
Style::default().fg(Color::Yellow),
))));
}
let list = List::new(currentItems);
frame.render_widget(list, chunks[1]);
let list = List::new(currentItems).block(Block::default().borders(Borders::all()));
frame.render_widget(list, titleBodyChunks[1]);
// Renter exit prompt
if let CurrentScreen::Exit = app.screen {
let exitPopup = Block::default()
.title("Save and Exit?")
@@ -68,6 +76,7 @@ pub fn ui(frame: &mut Frame, app: &AppState) {
frame.render_widget(exitPara, area);
}
// Editing screen popup
if let Some(edit) = &app.currentlyEditing {
let popup = Block::default()
.title("Add an entry")
@@ -112,7 +121,9 @@ pub fn ui(frame: &mut Frame, app: &AppState) {
frame.render_widget(toPortPara, fields[3]);
};
let screenHelp = vec![
// --------------------------------
// Current page title and status
let screenHeader = vec![
match app.screen {
CurrentScreen::Main => Span::styled("Main Screen", Style::default().fg(Color::Green)),
CurrentScreen::Add => Span::styled("Add entry", Style::default().fg(Color::Yellow)),
@@ -141,30 +152,36 @@ pub fn ui(frame: &mut Frame, app: &AppState) {
},
];
let helpFooter =
Paragraph::new(Line::from(screenHelp)).block(Block::default().borders(Borders::ALL));
let screenHeaderPara = Paragraph::new(Line::from(screenHeader))
.block(Block::default().borders(Borders::TOP | Borders::LEFT | Borders::RIGHT));
// Keybinds Entry
let keybinds = {
match app.screen {
CurrentScreen::Main => Span::styled(
"(a) add entry / (q) save and quit",
Style::default().fg(Color::Red),
),
CurrentScreen::Add => Span::styled(
"(l) localhost / (enter/tab) next field / (c) clear / (C) clear all / (esc) main menu",
Style::default().fg(Color::Red),
),
CurrentScreen::Settings => Span::styled("", Style::default().fg(Color::Red)),
CurrentScreen::Exit => Span::styled(
"(enter) save and exit / (esc) main menu",
Style::default().fg(Color::Red),
),
CurrentScreen::Main => Text::from(vec![
Line::from("(a) add entry").style(Style::default().fg(Color::Green)),
Line::from("(q) save and quit").style(Style::default().fg(Color::Green)),
]),
CurrentScreen::Add => Text::from(vec![
Line::from("(l) localhost"),
Line::from("(enter) next field"),
Line::from("(c) clear"),
Line::from("(C) clear all"),
Line::from("(esc) main menu"),
]),
CurrentScreen::Settings => {
Text::from(Line::from("").style(Style::default().fg(Color::Red)))
}
CurrentScreen::Exit => Text::from(vec![
Line::from("(enter) save and exit").style(Style::default().fg(Color::Red)),
Line::from("(esc) main menu").style(Style::default().fg(Color::Red)),
]),
}
};
let keyBindFooter =
Paragraph::new(Line::from(keybinds)).block(Block::default().borders(Borders::ALL));
let keyBindFooter = Paragraph::new(keybinds)
.block(Block::default().borders(Borders::BOTTOM | Borders::LEFT | Borders::RIGHT));
frame.render_widget(helpFooter, footerChunks[0]);
frame.render_widget(keyBindFooter, footerChunks[1]);
frame.render_widget(screenHeaderPara, headerKeybindChunks[0]);
frame.render_widget(keyBindFooter, headerKeybindChunks[1]);
}