wesley/pomodoro-timer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Static UI

Browse Source 
Got a basic static UI layout setup. Just needs to be plugged up with
actual logic to animate. Maybe new frames to follow.
This commit is contained in:
Wesley Irvin
2025-09-11 17:18:48 -04:00
parent 13a728abf7
commit 8ec710988b
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/ui.rs
View File

@@ -7,7 +7,7 @@ use ratatui::{
Constraint::{Length, Min, Percentage},
Layout,
},
widgets::{Block, Borders},
widgets::{Block, Borders, Gauge},
};
pub fn draw_ui<B: ratatui::backend::Backend>(
@@ -31,16 +31,24 @@ fn draw(frame: &mut Frame) {
let timer_layout = Layout::vertical([Percentage(65), Percentage(35)]);
let [pomodoro_area, utilities_area] = timer_layout.areas(app_area);
let pomodoro_block = Block::bordered().title("Pomodoro");
let timer_label = format!("{}:{} / 25:00", 17, 32);
let timer_ratio = (17 * 60 + 32) as f64 / (25 * 60) as f64;
let pomodoro_timer = Gauge::default()
.block(Block::bordered().title("Pomodoro"))
.label(timer_label)
.ratio(timer_ratio);
frame.render_widget(pomodoro_block, pomodoro_area);
frame.render_widget(pomodoro_timer, pomodoro_area);
let utilities_layout = Layout::horizontal([Percentage(75), Percentage(25)]);
let [pomodori, controls] = utilities_layout.areas(utilities_area);
let pomodori_block = Block::bordered().title("Pomodori");
let pomodori_completed = Gauge::default()
.block(Block::bordered().title("Pomodori"))
.label("3 / 4")
.ratio(0.75);
let controls_block = Block::bordered().title("Controls");
frame.render_widget(pomodori_block, pomodori);
frame.render_widget(pomodori_completed, pomodori);
frame.render_widget(controls_block, controls);
}