feat: Show more information in the Pomodoro timer. #5750
Conversation
|
Thank you for opening your first PR! 🎉 We would like to thank you already for your contribution. If everything checks out, we'll make sure to review the PR as soon as possible and give feedback. Please note a few things:
We are glad for every improvement that makes its way into the app, so we look forward to collaborating on merging this PR. |
|
Hello, just following up on this PR. Please let me know if anything needs to be updated on my end. Thanks! |
|
I can't do much right now, I have a full week. But one question I had was, why did you implement this dot solution, given that, in the issue itself, we also were discussing a ring based solution (which, at least to my knowledge, is the more … "typical" implementation)? |
|
I understand. Actually, I implemented the initial (very first) proposed solution and used coloured dots instead of the tomato icons to prevent confusion. Now, I'm working on the circular ring-based solution and will open a new PR once it's ready. Thanks |
Description
Closes #5668
This PR adds a visual indicator of the user's progress through the cycle in the pomodoro timer popover. It also displays the number of work sessions a user has completed.
Changes
In the PopoverPomodoro.vue file, I modified the 'v-if="isRunning"' block to include a visual pomodoro cycle tracker using coloured dots for each phase. The coloured dots remain muted until completed. I've also added a line showing the total number of work sessions.
In the App.vue file, I added a new 'totalTasks' field to the 'pomodoro' object to track cumulative work sessions. I've also modified the 'pomodoroTick()' to increment 'totalTasks' and reset 'counter' after a full 8-phase Pomodoro cycle.
Tested on: Ubuntu 24.04.1 LTS (noble) via WSL2 on Windows 11
Tested and working successfully.