Add relative dates to chat

package.json

@@ -27,7 +27,8 @@
     "resolve": "~0.2.3",
     "browserify": "1.17.3",
     "expect.js": "~0.2.0",
-    "derby-i18n": "0.0.1"
+    "derby-i18n": "0.0.1",
+    "relative-date": "~1.1.1"
   },
   "private": true,
   "subdomain": "habitrpg",

src/app/helpers.coffee

@@ -1,5 +1,6 @@
 moment = require 'moment'
 _ = require 'underscore'
+relative = require 'relative-date'
 algos = require './algos'
 
 # Absolute diff between two dates
@@ -166,4 +167,6 @@ viewHelpers = (view) ->
     return false unless str1 && str2
     str1.indexOf(str2) != -1
 
+  view.fn 'relativeDate', relative
+
 module.exports = { viewHelpers, removeWhitespace, randomVal, daysBetween, dayMapping, username }

views/app/game-pane.html

@@ -92,7 +92,7 @@
             <ul class='unstyled tavern-chat'>
                 {#each _tavern.chat.messages as :message}
                     <li class="{#if indexOf(:message.text, _user.profile.name)}highlight{/if}">
-                        <span class='badge'>{:message.user}</span> {:message.text} - <span class='muted'>{friendlyTimestamp(:message.timestamp)}</span>
+                        <span class='badge'>{:message.user}</span> {:message.text} {:message.timestamp} - <span class='muted'>{relativeDate(:message.timestamp)}</span>
                     </li>
                 {/}
             </ul>