Update relative timestamps for a better "live" feeling

[nickvergessen]

Fix #1083

Steps to reproduce

1. Create a new folder
2. See in the Modified column seconds ago
3. Go away for sometime and leave the browser open

Expected behaviour

See in the Modified column X minutes ago

Actual behaviour

See in the Modified column seconds ago

Usage in other apps

I made the thing very general, so apps can use it aswell. Requirements:

• Object has class live-relative-timestamp
• Milliseconds timestamp is in attribute data-timestamp
• Then the text() of the object is updated every 30 seconds.

Testing helper

For faster time updating on testing, you can apply the following patch:

diff --git a/core/js/js.js b/core/js/js.js
index f5f427f..c6cda3d 100644
--- a/core/js/js.js
+++ b/core/js/js.js
@@ -1664,9 +1664,9 @@ function initCore() {
        // Update live timestamps every 30 seconds
        setInterval(function() {
                $('.live-relative-timestamp').each(function() {
-                       $(this).text(OC.Util.relativeModifiedDate(parseInt($(this).attr('data-timestamp'), 10)));
+                       $(this).text(OC.Util.relativeModifiedDate(parseInt($(this).attr('data-timestamp'), 10) - 3600000));
                });
-       }, 30 * 1000)
+       }, 5 * 1000)
 }

 $(document).ready(initCore);

Then timestamps get 1 hour older after 5 seconds.

@jancborchardt @MorrisJobke @rullzer @ChristophWurst

[nickvergessen]

Other sample from activity nextcloud/activity#38

[MorrisJobke]

There should be a semicolon.

[nickvergessen]

fixed

[MorrisJobke]

Tested and works 👍

[rullzer]

Very awesome stuff! Works like a charm here!
LGTM