Dynamic count-down for delayed jobs

Problem to solve

When implementing https://gitlab.com/gitlab-org/gitlab-ce/issues/51352 the dynamic countdown for delayed jobs didn't make it.

Currently, we're showing timer as static text. It should be dynamically updated with Javascript so users know these jobs are actively counting down.

Further details

Solution

• Countdowns for the delayed jobs feature should be counting down in real time (everywhere a countdown is implemented)
• The time is updated every second on the following pages:
  • pipelines list (action dropdown)
  • environments list (action dropdown) (after https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/22106 got merged)
  • pipeline graph (tooltip) on
    • job list
    • pipeline list
    • merge request widget
    • merge request pipelines tab
  • single job page
    • empty state
    • sidebar

What does success look like, and how can we measure that?

• Countdowns for the delayed jobs feature should be counting down in real time (everywhere a countdown is implemented)

Links / references