Improved chat by adding time sent and by fixing word/line breaking.

app/.meteor/packages

@@ -29,3 +29,4 @@ altapp:recaptcha
 http
 zimme:iron-router-active
 momentjs:moment
+copleykj:livestamp

app/.meteor/versions

@@ -18,6 +18,7 @@ caching-html-compiler@1.0.2
 callback-hook@1.0.4
 check@1.1.0
 coffeescript@1.0.11
+copleykj:livestamp@1.1.7
 ddp@1.2.2
 ddp-client@1.2.1
 ddp-common@1.2.2

app/client/app.css

@@ -1178,7 +1178,8 @@ nav form input[type="image"]{
     margin: 0;
     padding: 0 15px 0 15px;
     padding-bottom: 20px;
-    word-break: break-all;
+    word-break: normal;
+    word-wrap: break-word;
 }
 .chat-message:nth-child(even) {
    color: white;

app/client/client.js

@@ -27,6 +27,11 @@ UI.registerHelper("formatTime", function(seconds) {
     return d.minutes() + ":" + ("0" + d.seconds()).slice(-2);
 });
 
+/*UI.registerHelper("formatTimeFromNow", function(time) {
+    var d = moment(time);
+    return d.fromNow();
+});*/
+
 function getSpotifyInfo(title, cb, artist) {
     var q = "";
     q = title;

app/client/templates/room.html

@@ -109,7 +109,7 @@
                         <div class="tab-pane" id="chat">
                             <ul id="chat-ul">
                                 {{#each chat}}
-                                    <li class="chat-message"><small class="rank-{{this.rawrank}}">{{this.rank}}</small> <a style="text-decoration: none" href="/u/{{this.username}}" target="_blank"><b class="bold">{{this.username}}</b></a>: {{this.message}}</li>
+                                    <li class="chat-message"><small class="rank-{{this.rawrank}}">{{this.rank}}</small> <a style="text-decoration: none" href="/u/{{this.username}}" target="_blank"><b class="bold">{{this.username}}</b></a> <span data-livestamp="{{time}}" title="{{time}}" style="float: right;"></span> <br/>{{this.message}}</li>
                                     <hr>
                                 {{/each}}
                             </ul>