moon
/
sync
mirror of https://github.com/calzoneman/sync.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Change userlist chevron appearance on toggle. 

Change userlist chevron placement for Synchtube layout
This commit is contained in:
Xaekai 2015-02-04 23:14:51 -08:00
parent c8b1afffc0
commit 0b2ae90d3f
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
www/js/ui.js
View File

@ -707,10 +707,13 @@ $("#cs-emotes-import").click(function () {
}); });
var toggleUserlist = function () { var toggleUserlist = function () {
var direction = !USEROPTS.layout.match(/synchtube/) ? "glyphicon-chevron-right" : "glyphicon-chevron-left"
if ($("#userlist").css("display") === "none") { if ($("#userlist").css("display") === "none") {
$("#userlist").show(); $("#userlist").show();
$("#userlisttoggle").removeClass(direction).addClass("glyphicon-chevron-down");
} else { } else {
$("#userlist").hide(); $("#userlist").hide();
$("#userlisttoggle").removeClass("glyphicon-chevron-down").addClass(direction);
} }
scrollChat(); scrollChat();
}; };

12
www/js/util.js
View File

@ -1502,19 +1502,26 @@ function pingMessage(isHighlight) {
function compactLayout() { function compactLayout() {
/* Undo synchtube layout */ /* Undo synchtube layout */
if ($("body").hasClass("synchtube")) { if ($("body").hasClass("synchtube")) {
$("body").removeClass("synchtube")
$("#chatwrap").detach().insertBefore($("#videowrap")); $("#chatwrap").detach().insertBefore($("#videowrap"));
$("#leftcontrols").detach().insertBefore($("#rightcontrols")); $("#leftcontrols").detach().insertBefore($("#rightcontrols"));
$("#leftpane").detach().insertBefore($("#rightpane")); $("#leftpane").detach().insertBefore($("#rightpane"));
$("#userlist").css("float", "left"); $("#userlist").css("float", "left");
if($("#userlisttoggle").hasClass("glyphicon-chevron-left")){
$("#userlisttoggle").removeClass("glyphicon-chevron-left").addClass("glyphicon-chevron-right")
}
$("#userlisttoggle").removeClass("pull-left").addClass("pull-right")
} }
/* Undo fluid layout */ /* Undo fluid layout */
if ($("body").hasClass("fluid")) { if ($("body").hasClass("fluid")) {
$("body").removeClass("fluid")
$(".container-fluid").removeClass("container-fluid").addClass("container"); $(".container-fluid").removeClass("container-fluid").addClass("container");
} }
/* Undo HD layout */ /* Undo HD layout */
if ($("body").hasClass("hd")) { if ($("body").hasClass("hd")) {
$("body").removeClass("hd");
$("#drinkbar").detach().removeClass().addClass("col-lg-12 col-md-12") $("#drinkbar").detach().removeClass().addClass("col-lg-12 col-md-12")
.appendTo("#drinkbarwrap"); .appendTo("#drinkbarwrap");
$("#chatwrap").detach().removeClass().addClass("col-lg-5 col-md-5") $("#chatwrap").detach().removeClass().addClass("col-lg-5 col-md-5")
@ -1544,7 +1551,6 @@ function compactLayout() {
$("#mainpage").css("padding-top", "60px"); $("#mainpage").css("padding-top", "60px");
$("#queue").css("max-height", "500px"); $("#queue").css("max-height", "500px");
$("#messagebuffer, #userlist").css("max-height", ""); $("#messagebuffer, #userlist").css("max-height", "");
$("body").removeClass("hd");
} }
$("body").addClass("compact"); $("body").addClass("compact");
@ -1559,6 +1565,10 @@ function fluidLayout() {
} }
function synchtubeLayout() { function synchtubeLayout() {
if($("#userlisttoggle").hasClass("glyphicon-chevron-right")){
$("#userlisttoggle").removeClass("glyphicon-chevron-right").addClass("glyphicon-chevron-left")
}
$("#userlisttoggle").removeClass("pull-right").addClass("pull-left")
$("#videowrap").detach().insertBefore($("#chatwrap")); $("#videowrap").detach().insertBefore($("#chatwrap"));
$("#rightcontrols").detach().insertBefore($("#leftcontrols")); $("#rightcontrols").detach().insertBefore($("#leftcontrols"));
$("#rightpane").detach().insertBefore($("#leftpane")); $("#rightpane").detach().insertBefore($("#leftpane"));