client/home: format absolute time

client/html/home.hbs

@@ -1,5 +1,5 @@
 <div class='content-wrapper transparent' id='home'>
     <div class='messages'></div>
     <h1>{{name}}</h1>
-    <footer>Version: <span class='version'>{{version}}</span> (built {{buildDate}})</footer>
+    <footer>Version: <span class='version'>{{version}}</span> (built {{#reltime}}{{buildDate}}{{/reltime}})</footer>
 </div>

client/js/main.js

@@ -1,5 +1,7 @@
 'use strict';
 
+require('./util/handlebars-helpers.js');
+
 // ----------------------
 // - import controllers -
 // ----------------------

client/js/util/handlebars-helpers.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const handlebars = require('handlebars');
+const misc = require('./misc.js');
+
+handlebars.registerHelper('reltime', function(options) {
+    return new handlebars.SafeString(
+        '<time datetime="' +
+            options.fn(this) +
+            '" title="' +
+            options.fn(this) +
+            '">' +
+        misc.formatRelativeTime(options.fn(this)) +
+        '</time>');
+});

client/js/util/misc.js

@@ -12,16 +12,16 @@ function formatRelativeTime(timeString) {
 
     const descriptions = [
         [60,                            'a few seconds', null],
-        [60*2,                      'a minute',         null],
+        [60 * 2,                        'a minute',      null],
-        [60*60,                     '% minutes',        60],
+        [60 * 60,                       '% minutes',     60],
-        [60*60*2,                   'an hour',          null],
+        [60 * 60 * 2,                   'an hour',       null],
-        [60*60*24,                  '% hours',          60*60],
+        [60 * 60 * 24,                  '% hours',       60 * 60],
-        [60*60*24*2,                'a day',            null],
+        [60 * 60 * 24 * 2,              'a day',         null],
-        [60*60*24*30.42,            '% days',           60*60*24],
+        [60 * 60 * 24 * 30.42,          '% days',        60 * 60 * 24],
-        [60*60*24*30.42*2,          'a month',          null],
+        [60 * 60 * 24 * 30.42 * 2,      'a month',       null],
-        [60*60*24*30.42*12,         '% months',         60*60*24*30.42],
+        [60 * 60 * 24 * 30.42 * 12,     '% months',      60 * 60 * 24 * 30.42],
-        [60*60*24*30.42*12*2,       'a year',           null],
+        [60 * 60 * 24 * 30.42 * 12 * 2, 'a year',        null],
-        [8640000000000000/*max*/,   '% years',          60*60*24*30.42*12],
+        [8640000000000000 /*max*/, '% years', 60 * 60 * 24 * 30.42 * 12],
     ];
 
     let text = null;

client/js/views/home_view.js

@@ -1,6 +1,5 @@
 'use strict';
 
-const util = require('../util.js');
 const config = require('../config.js');
 const BaseView = require('./base_view.js');
 
@@ -14,7 +13,7 @@ class HomeView extends BaseView {
         this.showView(this.template({
             name: config.basic.name,
             version: config.meta.version,
-            buildDate: util.formatRelativeTime(config.meta.buildDate),
+            buildDate: config.meta.buildDate,
         }));
     }
 }