From: Scott Worley Date: Fri, 3 Aug 2012 19:41:18 +0000 (-0700) Subject: Display a server count for each message X-Git-Url: http://git.scottworley.com/reliable-chat/commitdiff_plain/c0aac85a6c71927e2bc61d79b8d52f771ff33c1c Display a server count for each message --- diff --git a/webclient/rc.html b/webclient/rc.html index 4137de1..9bbed4e 100644 --- a/webclient/rc.html +++ b/webclient/rc.html @@ -56,6 +56,10 @@ padding: 0px 5px 55px 5px; vertical-align: bottom } + .servercount { + margin-right: 0.5em; + font-size: 70%; + } .timestamp { margin-right: 0.8em; } @@ -152,12 +156,21 @@ } if (!message.UI) { + message.UI = document.createElement("div"); + + // Server count + var servercount = document.createElement("span"); + servercount.setAttribute("class", "servercount"); + servercount.appendChild(document.createTextNode(Object.keys(message.ServerTimes).length)); + message.UI.appendChild(servercount); + + // Timestamp 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(timestamp); + message.UI.appendChild(document.createTextNode(message.Text)); } var h = document.getElementById("history"); @@ -199,8 +212,13 @@ // 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); + if (spans[i].getAttribute) { + var type = spans[i].getAttribute("class"); + if (type == "servercount") { + spans[i].firstChild.data = Object.keys(message.ServerTimes).length; + } else if (type == "timestamp") { + spans[i].firstChild.data = rcformattime(message.Time); + } } } }