diff --git a/changelog b/changelog index 56770ae1..248c9dfb 100644 --- a/changelog +++ b/changelog @@ -1,3 +1,7 @@ +Sat Sep 21 00:23 2013 CDT + * www/assets/js/callbacks.js, www/assets/css/ytsync.css: make it more + obvious which option was voted for + Sat Sep 21 00:08 2013 CDT * lib/playlist.js: Make .clean(filter) an instance method * lib/chatcommand.js: Make a few minor changes to unbibium's /clean diff --git a/www/assets/css/ytsync.css b/www/assets/css/ytsync.css index 424aabf5..0d74151e 100644 --- a/www/assets/css/ytsync.css +++ b/www/assets/css/ytsync.css @@ -247,10 +247,23 @@ body { font-size: 14pt; } +.option { + margin-top: 3px; +} + .option button { margin-right: 15px; } +.option-selected { + font-weight: bold; +} + +.option-selected button{ + border-width: 3px!important; + margin-right: 10px; +} + .nick-highlight { background-color: #ddffdd; } diff --git a/www/assets/js/callbacks.js b/www/assets/js/callbacks.js index 4c3fc071..65ec4248 100644 --- a/www/assets/js/callbacks.js +++ b/www/assets/js/callbacks.js @@ -996,13 +996,14 @@ Callbacks = { $("
").text(data.title).appendTo(poll); for(var i = 0; i < data.options.length; i++) { (function(i) { - var callback = function() { - socket.emit("vote", { - option: i - }); - poll.find(".option button").each(function() { - $(this).attr("disabled", "disabled"); - }); + var callback = function () { + socket.emit("vote", { + option: i + }); + poll.find(".option button").each(function() { + $(this).attr("disabled", "disabled"); + }); + $(this).parent().addClass("option-selected"); } $("").addClass("btn").text(data.counts[i]) .prependTo($("").addClass("option").text(data.options[i]) @@ -1019,7 +1020,7 @@ Callbacks = { var poll = $("#pollwrap .active"); var i = 0; poll.find(".option button").each(function() { - $(this).text(data.counts[i]); + $(this).html(data.counts[i]); i++; }); },