diff --git a/channel.js b/channel.js index 78d6aca0..f9a38935 100644 --- a/channel.js +++ b/channel.js @@ -1234,7 +1234,8 @@ Channel.prototype.sendMessage = function(username, msg, msgclass, data) { var msgobj = { username: username, msg: msg, - msgclass: msgclass + msgclass: msgclass, + time: Date.now() }; if(data) { for(var key in data) { diff --git a/www/assets/css/ytsync.css b/www/assets/css/ytsync.css index 536c101d..274358f4 100644 --- a/www/assets/css/ytsync.css +++ b/www/assets/css/ytsync.css @@ -210,3 +210,7 @@ html, body { text-align: center; width: 100%; } + +.timestamp { + font-size: 8pt; +} diff --git a/www/assets/js/client.js b/www/assets/js/client.js index 9f5b0559..b851ff51 100644 --- a/www/assets/js/client.js +++ b/www/assets/js/client.js @@ -43,12 +43,13 @@ function parseBool(x) { else return Boolean(x); } var USEROPTS = { - theme: readCookie("cytube_theme") || "default", - css: readCookie("cytube_css") || "", - layout: readCookie("cytube_layout") || "default", - synch: parseBool(readCookie("cytube_synch")) || true, - hidevid: parseBool(readCookie("cytube_hidevid")) || false, - modhat: parseBool(readCookie("cytube_modhat")) || false + theme : readCookie("cytube_theme") || "default", + css : readCookie("cytube_css") || "", + layout : readCookie("cytube_layout") || "default", + synch : parseBool(readCookie("cytube_synch")) || true, + hidevid : parseBool(readCookie("cytube_hidevid")) || false, + show_timestamps : parseBool(readCookie("cytube_show_timestamps")) || false, + modhat : parseBool(readCookie("cytube_modhat")) || false }; applyOpts(); $("#optlink").click(showUserOpts); diff --git a/www/assets/js/functions.js b/www/assets/js/functions.js index 9cd9f87b..5b71c25f 100644 --- a/www/assets/js/functions.js +++ b/www/assets/js/functions.js @@ -203,8 +203,13 @@ function formatChatMessage(data) { } } } + if(USEROPTS.show_timestamps) { + var time = $("").addClass("timestamp").appendTo(div); + var timestamp = new Date(data.time).toTimeString().split(" ")[0]; + time.text("["+timestamp+"] "); + } var name = $("").appendTo(div); - $("").text("<" + data.username + "> ").appendTo(name); + $("").text(data.username + ": ").appendTo(name); var message = $("").appendTo(div); message[0].innerHTML = data.msg; if(data.modflair) { @@ -1055,6 +1060,13 @@ function showUserOpts() { hidevid.prop("checked", USEROPTS.hidevid); addOption("Hide Video", vidcontainer); + + var tscontainer = $("