Add a clock in _heartbeat.gsp, showing how long before the data gets updated

[igorrosenberg]

Difficulty

Easy

Where

‘_hearbeat.gsp‘

Problem

The user, while waiting for the delay to pass before the metric is updated, is not informed of how long to wait.

Proposal

Add a clock, showing how long before the data gets updated.

Rendering:

• the clock has 4 icons: 11oclock (about to change), 3oclock (75% time to wait), 6oclock (50% wait time passed), 9 oclock (only 25% time left before change)
• a title attribute render the time left as text, possibly as '30 seconds', '5 minutes', ...
• un-optimized JS to work out the icon and text change
• optimize JS