From e932b206e29e0a6d17a75905ba47b9d3a35d85cb Mon Sep 17 00:00:00 2001
From: mluto <m@luto.at>
Date: Sun, 6 Jan 2013 12:56:25 +0100
Subject: [PATCH] Added day-seperator in chat

---
 src/static/css/pad.css | 8 ++++++++
 src/static/js/chat.js  | 9 ++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/static/css/pad.css b/src/static/css/pad.css
index bb8da99b6..2368f9a02 100644
--- a/src/static/css/pad.css
+++ b/src/static/css/pad.css
@@ -559,6 +559,14 @@ table#otheruserstable {
   margin-right: 3px;
   margin-top: 2px;
 }
+.chatDaySeperator
+{
+  text-align:center;
+  border-bottom: 1px solid #aaa;
+  line-height:0.85em;
+  margin:3px 0 5px;
+  color:#888;
+}
 .exporttype {
   margin-top: 4px;
   background-repeat: no-repeat;
diff --git a/src/static/js/chat.js b/src/static/js/chat.js
index ee69ce414..e070e324b 100644
--- a/src/static/js/chat.js
+++ b/src/static/js/chat.js
@@ -25,6 +25,8 @@ var padcookie = require('./pad_cookie').padcookie;
 
 var Tinycon = require('tinycon/tinycon');
 
+var lastDateStr = null;
+
 var chat = (function()
 {
   var isStuck = false;
@@ -120,9 +122,14 @@ var chat = (function()
 
       var authorName = msg.userName == null ? _('pad.userlist.unnamed') : padutils.escapeHtml(msg.userName); 
       
-      var html = "<p class='" + authorClass + "'><b>" + authorName + ":</b><span class='time " + authorClass + "' title='" + dateStr + "'>" + timeStr + "</span> " + text + "</p>";
+      var html = "";
+      if(lastDateStr != null && lastDateStr != dateStr)
+        html = "<p class='chatDaySeperator'>" + dateStr + "</p>";
+      html += "<p class='" + authorClass + "'><b>" + authorName + ":</b><span class='time " + authorClass + "' title='" + dateStr + "'>" + timeStr + "</span> " + text + "</p>";
       $("#chattext").append(html);
       
+      lastDateStr = dateStr;
+      
       //should we increment the counter??
       if(increment)
       {