color: silver;
font-family: monospace;
}
+ a {
+ color: white;
+ }
#container {
height: 100%;
}
.timestamp {
margin-right: 0.8em;
}
+ .timestamp:hover, .timestamp:hover .servertimestamps {
+ background-color: #556;
+ }
+ .timestamp:hover .servertimestamps {
+ display: block;
+ }
+ .servertimestamps {
+ display: none;
+ position: absolute;
+ left: 3em;
+ z-index: 1;
+ border: 1px solid black;
+ border-radius: 5px;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
img { width: 1px; height: 1px; }
iframe { display: none }
#status span { margin-right: 10px; }
return d + " " + pad(h) + ":" + pad(m) + ":" + pad(s);
}
+ function rcaddservertimestamptohover(message, server) {
+ var divs = message.UI.getElementsByTagName("div");
+ for (var i in divs) {
+ if (divs[i].getAttribute && divs[i].getAttribute("class") == "servertimestamps") {
+ var d = document.createElement("div");
+ function pad(x) {
+ return (x < 10 ? "00" : (x < 100 ? "0" : "")) + x;
+ }
+ var text = rcformattime(message.ServerTimes[server]) + "." + pad(message.ServerTimes[server].getUTCMilliseconds()) + " " + server;
+ d.appendChild(document.createTextNode(text));
+ divs[i].appendChild(d);
+ }
+ }
+ }
+
function rcmakemessageUI(message) {
message.UI = document.createElement("div");
timestamp.appendChild(document.createTextNode(timestamp_text));
message.UI.appendChild(timestamp);
+ // Timestamp hover
+ var timestamp_hover = document.createElement("div");
+ timestamp_hover.setAttribute("class", "servertimestamps");
+ timestamp.appendChild(timestamp_hover);
+ for (var server in message.ServerTimes) {
+ rcaddservertimestamptohover(message, server);
+ }
+
// Classify different message types
var text_span = document.createElement("span");
var type;
type += " self";
}
text_span.setAttribute("class", type);
- text_span.appendChild(document.createTextNode(message.Text));
+
+ // URL detection
+ var text = message.Text;
+ var URL_re = /\bhttps?:\/\/\S+/;
+ while (URL_re.test(text)) {
+ var match = URL_re.exec(text);
+ var leading_text = text.substr(0, match.index);
+ if (leading_text) {
+ text_span.appendChild(document.createTextNode(leading_text));
+ }
+ var anchor = document.createElement("a");
+ anchor.setAttribute("href", encodeURI(match[0]));
+ anchor.appendChild(document.createTextNode(match[0]));
+ text_span.appendChild(anchor);
+ text = text.substr(match.index + match[0].length);
+ }
+ if (text) {
+ text_span.appendChild(document.createTextNode(text));
+ }
+
message.UI.appendChild(text_span);
}
if (seen_key in seen) {
seen[seen_key].ServerTimes[server] = m.Time;
rcupdatemessagetime(seen[seen_key]);
+ rcaddservertimestamptohover(seen[seen_key], server);
} else {
m.ServerTimes = {};
m.ServerTimes[server] = m.Time;