circular_countdown_timer icon indicating copy to clipboard operation
circular_countdown_timer copied to clipboard

Implement Pause/Start Button

Open vijaykarthiktk opened this issue 1 year ago • 1 comments

This issue proposes adding an optional pause/resume button embedded within the timer ring itself. Users can enable or disable this functionality based on their preference

Functionality:

  • A small pause/resume button will be positioned discreetly within the timer ring.
  • When enabled (user configurable option):
    • Clicking the button will pause the timer. The elapsed time will be displayed on the timer, and it will stop counting up/down.
    • Clicking the button again will resume the timer from the paused time.
  • When disabled, the timer ring will function as usual without the button

Benefits:

  • Provides users with the option to pause the timer conveniently without leaving the timer interface.
  • Maintains a clean interface by keeping the button optional.
  • Improves user experience and control over the timer.

https://github.com/MuhammadUsamaSiddiqui/circular_countdown_timer/assets/39937989/1b91c51f-fe42-4e4b-a95f-b9d0836bdf6a

Attached Prototype Video:

A prototype video showcasing the proposed pause/resume button functionality within the timer ring is included with this issue. This video demonstrates:

  • The visual design and placement of the button within the timer ring.
  • How the button interacts with the timer (pause, resume, user configuration).
  • Overall user experience with the pause/resume functionality.

vijaykarthiktk avatar May 04 '24 12:05 vijaykarthiktk

I've submitted a PR. Please review and merge

vijaykarthiktk avatar May 05 '24 03:05 vijaykarthiktk