X-Git-Url: http://git.scottworley.com/reliable-chat/blobdiff_plain/c0aac85a6c71927e2bc61d79b8d52f771ff33c1c..3a89c414676b9fccfba7086059eeff1fc58c5938:/webclient/rc.html?ds=sidebyside diff --git a/webclient/rc.html b/webclient/rc.html index 9bbed4e..e23286e 100644 --- a/webclient/rc.html +++ b/webclient/rc.html @@ -140,6 +140,40 @@ return d + " " + pad(h) + ":" + pad(m) + ":" + pad(s); } + function rcmakemessageUI(message) { + 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.appendChild(timestamp); + + // Classify different message types + var text_span = document.createElement("span"); + var type; + if (/^\*\*\* /.test(message.Text)) { + type = "status"; + } else if (/^\* /.test(message.Text)) { + type = "me"; + } else { + type = "text"; + } + if (Object.keys(message.ServerTimes).length == 0) { + type += " self"; + } + text_span.setAttribute("class", type); + text_span.appendChild(document.createTextNode(message.Text)); + message.UI.appendChild(text_span); + } + function rcaddmessagetohistory(message) { var message_i; if (message.Time) { @@ -156,22 +190,7 @@ } 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.appendChild(timestamp); - - message.UI.appendChild(document.createTextNode(message.Text)); + rcmakemessageUI(message); } var h = document.getElementById("history"); if (message_i + 1 < history.length) {