X-Git-Url: http://git.scottworley.com/reliable-chat/blobdiff_plain/95ba71eedb7e9e9290c817bc7432b50ee6808558..5be4c8ec1ede8eda3a9a164816cef914169a2674:/webclient/rc.html?ds=sidebyside diff --git a/webclient/rc.html b/webclient/rc.html index 27dba59..4137de1 100644 --- a/webclient/rc.html +++ b/webclient/rc.html @@ -56,6 +56,9 @@ padding: 0px 5px 55px 5px; vertical-align: bottom } + .timestamp { + margin-right: 0.8em; + } img { width: 1px; height: 1px; } iframe { display: none } #status span { margin-right: 10px; } @@ -149,9 +152,13 @@ } if (!message.UI) { - var text = (message.Time ? rcformattime(message.Time) : "") + " " + message.Text; + var timestamp_text = message.Time ? rcformattime(message.Time) : ""; + var timestamp = document.createElement("span"); + timestamp.setAttribute("class", "timestamp"); + timestamp.appendChild(document.createTextNode(timestamp_text)); message.UI = document.createElement("div"); - message.UI.appendChild(document.createTextNode(text)); + message.UI.appendChild(timestamp); + message.UI.appendChild(document.createTextNode(message.Text)); } var h = document.getElementById("history"); if (message_i + 1 < history.length) { @@ -173,10 +180,10 @@ times.push(message.ServerTimes[i]); } times.sort(); - var middle = times.length/2; if (times.length % 2) { - message.Time = times[middle]; + message.Time = times[(times.length-1)/2]; } else { + var middle = times.length/2; var difference = times[middle].getTime() - times[middle-1].getTime(); message.Time = new Date(times[middle-1].getTime() + difference/2); } @@ -188,6 +195,14 @@ history.splice(hi,1); rcaddmessagetohistory(message); } + + // Update the UI + var spans = message.UI.getElementsByTagName("span"); + for (var i in spans) { + if (spans[i].getAttribute && spans[i].getAttribute("class") == "timestamp") { + spans[i].firstChild.data = rcformattime(message.Time); + } + } } function rcreceivemessages(server, messages) {