ZacharyZhang-NY
f70726476a
TimeTracker times a task: a field names it, Start or Enter starts the clock and Stop ends it, the running time counting up by the executor's clock; the entries sit under it in hours and minutes with their total. The owner keeps what runs and what was spent, and a blank name starts nothing. PomodoroTimer runs focus, a short break, and after the last round a long one. A ring counts each phase down around the time left, dots count the rounds, Pause banks the time gone, and a phase that runs out moves on, waits for Start, and reaches the owner through window.defer. motion::ProgressRing gains a size and content inside, its stroke kept at the theme ring's weight, the content outside the per-turn glide. DatabaseView shows tasks five ways, switched from a strip that scrolls when narrow: a table, a board by status whose moves hand on the new status, a gallery of issue cards, a month calendar by due day, and a timeline from start to due, which counts the records without dates. Task gains a start day. Along the way: table rows, groups and details fill with min_w_full, so they stretch in the table's column and fill a virtual list alike; before, a table in a measured column drew rows at their words' width. The gallery script logs each probe it aims at.
111 lines
4.0 KiB
Rust
111 lines
4.0 KiB
Rust
use std::time::{Duration, Instant};
|
|
|
|
use ely_gpui_component::project::{DatabaseView, PomodoroTimer, Status, TimeEntry, TimeTracker};
|
|
use gpui::{App, IntoElement, ParentElement, SharedString, Styled, Window, div, px};
|
|
|
|
use super::{board, quiet};
|
|
use crate::{
|
|
probe::probe,
|
|
ui::{change, keep, section, set},
|
|
};
|
|
|
|
pub fn tracker(window: &mut Window, cx: &mut App) -> impl IntoElement + use<> {
|
|
let entries = keep(
|
|
"project-entries",
|
|
|| {
|
|
vec![
|
|
TimeEntry::new("e1", "Client brief", Duration::from_secs(95 * 60)),
|
|
TimeEntry::new("e2", "Site photos", Duration::from_secs(40 * 60)),
|
|
TimeEntry::new("e3", "Budget review", Duration::from_secs(25 * 60)),
|
|
]
|
|
},
|
|
window,
|
|
cx,
|
|
);
|
|
let running = keep(
|
|
"project-running",
|
|
|| None::<(SharedString, Instant)>,
|
|
window,
|
|
cx,
|
|
);
|
|
let (listed, now) = (entries.read(cx).clone(), running.read(cx).clone());
|
|
let (started, stopped, logged) = (running.clone(), running, entries);
|
|
let tracker = TimeTracker::new("project-tracker", listed)
|
|
.on_start(move |task, at, _, cx| set(&started, Some((task.clone(), at)), cx))
|
|
.on_stop(move |at, _, cx| {
|
|
let Some((task, since)) = stopped.update(cx, |running, cx| {
|
|
cx.notify();
|
|
running.take()
|
|
}) else {
|
|
return;
|
|
};
|
|
change(&logged, cx, |entries| {
|
|
let key = SharedString::from(format!("e{}", entries.len() + 1));
|
|
entries.insert(0, TimeEntry::new(key, task, at.duration_since(since)));
|
|
});
|
|
});
|
|
let tracker = match now {
|
|
Some((task, since)) => tracker.running(task, since),
|
|
None => tracker,
|
|
};
|
|
section(
|
|
"TimeTracker",
|
|
"Time against a task: name it, Start or Enter starts the clock, and Stop turns it into an entry. Today's entries sit under it with their total.",
|
|
cx,
|
|
)
|
|
.child(probe("project-tracker", div().w(px(420.)).child(tracker)))
|
|
}
|
|
|
|
pub fn pomodoro(window: &mut Window, cx: &mut App) -> impl IntoElement + use<> {
|
|
let said = keep("project-pomodoro-said", || None::<SharedString>, window, cx);
|
|
let shown = said.read(cx).clone();
|
|
section(
|
|
"Pomodoro Timer",
|
|
"Focus for twenty-five minutes, rest for five, and after the fourth round for fifteen. The ring counts the phase down around the time left; a phase that ends waits for Start.",
|
|
cx,
|
|
)
|
|
.child(probe(
|
|
"project-pomodoro",
|
|
div()
|
|
.w(px(280.))
|
|
.flex()
|
|
.flex_col()
|
|
.items_center()
|
|
.gap_3()
|
|
.child(
|
|
PomodoroTimer::new("project-pomodoro")
|
|
.on_phase(move |phase, _, cx| set(&said, Some(format!("{} begins.", phase.words()).into()), cx)),
|
|
)
|
|
.children(shown.map(|shown| quiet(shown, cx))),
|
|
))
|
|
}
|
|
|
|
pub fn database(window: &mut Window, cx: &mut App) -> impl IntoElement + use<> {
|
|
let tasks = board(window, cx);
|
|
let listed = tasks.read(cx).clone();
|
|
let opened = keep(
|
|
"project-opened",
|
|
|| Some(SharedString::from("brief")),
|
|
window,
|
|
cx,
|
|
);
|
|
let moved = tasks.clone();
|
|
let view = DatabaseView::new("project-database", listed)
|
|
.on_open(move |key, _, cx| set(&opened, Some(key.clone()), cx))
|
|
.on_status(move |key, status: Status, _, cx| {
|
|
change(&moved, cx, |tasks| {
|
|
let task = tasks
|
|
.iter_mut()
|
|
.find(|task| task.key == *key)
|
|
.expect("a listed task");
|
|
task.status = status;
|
|
})
|
|
});
|
|
section(
|
|
"DatabaseView",
|
|
"The studio's tasks five ways: a table, a board by status, a gallery of cards, a month calendar by due day, and a timeline from start to due. A card moved on the board takes its column's status, and a record opens in the panel above.",
|
|
cx,
|
|
)
|
|
.child(probe("project-database", div().w(px(860.)).child(view)))
|
|
}
|