Render recent dates as weekdays, part 1.

This commit just moves time rendering logic to its own file, and does
not make any functionality changes.

(imported from commit d111d03c6abc8d9550fcf65e4f89eab8056d1ed4)

humbug/settings.py

@@ -225,6 +225,7 @@ PIPELINE_JS = {
             'js/zephyr.js',
             'js/activity.js',
             'js/colorspace.js',
+            'js/timerender.js',
         ),
         'output_filename': 'min/app.js'
     },

tools/jslint/check-all.js

@@ -54,6 +54,9 @@ var globals =
     // invite.js
     + ' invite'
 
+    // timerender.js
+    + ' timerender'
+
     // ui.js
     + ' ui'
 

zephyr/static/js/timerender.js

@@ -0,0 +1,17 @@
+var timerender = (function () {
+
+var exports = {};
+
+// Given an XDate object 'time', return a DOM node that initially
+// displays the human-formatted time, and is updated automatically as
+// necessary (e.g. changing "Mon 11:21" to "Jan 14 11:21" after a week
+// or so).
+
+// (But for now it just returns a static node.)
+exports.render_time = function(time) {
+    // Wrap the text in a span because (oddly) a text node has no outerHTML attribute.
+    return $("<span />").text(time.toString("MMM dd") + "\xa0\xa0" + time.toString("HH:mm"));
+};
+
+return exports;
+}());

zephyr/static/js/zephyr.js

@@ -349,8 +349,7 @@ function add_display_time(message, prev) {
 
     // NB: timestr is HTML, inserted into the document without escaping.
     if (include_date) {
-        message.timestr = time.toString("MMM dd") + "  " +
-            time.toString("HH:mm");
+        message.timestr = (timerender.render_time(time))[0].outerHTML;
     } else {
         message.timestr = time.toString("HH:mm");
     }