diff --git a/www/assets/js/callbacks.js b/www/assets/js/callbacks.js
index a420032a..33a33826 100644
--- a/www/assets/js/callbacks.js
+++ b/www/assets/js/callbacks.js
@@ -619,10 +619,6 @@ Callbacks = {
/* REGION Rank Stuff */
rank: function(r) {
- if (r > -1) {
- $("#guestlogin").hide();
- $("#chatline").show();
- }
if(r >= 255)
SUPERADMIN = true;
CLIENT.rank = r;
diff --git a/www/assets/js/ui.js b/www/assets/js/ui.js
index 21991382..e2190396 100644
--- a/www/assets/js/ui.js
+++ b/www/assets/js/ui.js
@@ -52,14 +52,14 @@ $("#modflair").click(function () {
$("#adminflair").click(function () {
var m = $("#adminflair");
- if (m.hasClass("label-important")) {
+ if (m.hasClass("label-danger")) {
USEROPTS.adminhat = false;
- m.removeClass("label-important")
+ m.removeClass("label-danger")
.addClass("label-default");
} else {
USEROPTS.adminhat = true;
m.removeClass("label-default")
- .addClass("label-important");
+ .addClass("label-danger");
}
});
diff --git a/www/assets/js/util.js b/www/assets/js/util.js
index 4019538f..5ecb975a 100644
--- a/www/assets/js/util.js
+++ b/www/assets/js/util.js
@@ -425,7 +425,7 @@ function addQueueButtons(li) {
// Play
if(hasPermission("playlistjump")) {
$("").addClass("btn btn-xs btn-default qbtn-play")
- .html("Play")
+ .html("Play")
.click(function() {
socket.emit("jumpTo", li.data("uid"));
})
@@ -434,7 +434,7 @@ function addQueueButtons(li) {
// Queue next
if(hasPermission("playlistmove")) {
$("").addClass("btn btn-xs btn-default qbtn-next")
- .html("Queue Next")
+ .html("Queue Next")
.click(function() {
socket.emit("moveMedia", {
from: li.data("uid"),
@@ -447,7 +447,7 @@ function addQueueButtons(li) {
if(hasPermission("settemp")) {
var tempstr = li.data("temp")?"Make Permanent":"Make Temporary";
$("").addClass("btn btn-xs btn-default qbtn-tmp")
- .html("" + tempstr)
+ .html("" + tempstr)
.click(function() {
socket.emit("setTemp", {
uid: li.data("uid"),
@@ -459,7 +459,7 @@ function addQueueButtons(li) {
// Delete
if(hasPermission("playlistdelete")) {
$("").addClass("btn btn-xs btn-default qbtn-delete")
- .html("Delete")
+ .html("Delete")
.click(function() {
socket.emit("delete", li.data("uid"));
})
@@ -829,90 +829,12 @@ function applyOpts() {
applyOpts();
-function showLoginMenu() {
- hidePlayer();
- var modal = $("").addClass("modal hide fade")
- .appendTo($("body"));
- var head = $("").addClass("modal-header")
- .appendTo(modal);
- $("").addClass("close")
- .attr("data-dismiss", "modal")
- .attr("aria-hidden", "true")
- .appendTo(head)
- .html("×");
- $("").text("Login").appendTo(head);
- var body = $("").addClass("modal-body").appendTo(modal);
- var frame = $("")
- .attr("id", "loginframe")
- .attr("src", "login.html")
- .css("border", "none")
- .css("width", "100%")
- .css("height", "300px")
- .css("margin", "0")
- .appendTo(body);
- var timer = setInterval(function() {
- frame[0].contentWindow.postMessage("cytube-syn", document.location);
- }, 1000);
- var respond = function(e) {
- if(e.data == "cytube-ack") {
- clearInterval(timer);
- }
- if(e.data.indexOf(":") == -1) {
- return;
- }
- if(e.data.substring(0, e.data.indexOf(":")) == "cytube-login") {
- var data = e.data.substring(e.data.indexOf(":")+1);
- data = JSON.parse(data);
- if(data.error) {
- // Since this is the login page, invalid session implies bad credentials
- if(data.error == "Invalid session") {
- alert("Invalid username/password");
- }
- else {
- alert(data.error);
- }
- }
- else if(data.success) {
- SESSION = data.session || "";
- CLIENT.name = data.uname || "";
- socket.emit("login", {
- name: CLIENT.name,
- session: SESSION
- });
- if(window.removeEventListener) {
- window.removeEventListener("message", respond, false);
- }
- else if(window.detachEvent) {
- // If an IE dev ever reads this, please tell your company
- // to get their shit together
- window.detachEvent("onmessage", respond);
- }
- modal.modal("hide");
- }
- }
- }
- if(window.addEventListener) {
- window.addEventListener("message", respond, false);
- }
- else if(window.attachEvent) {
- // If an IE dev ever reads this, please tell your company to get
- // their shit together
- window.attachEvent("onmessage", respond);
- }
- var footer = $("").addClass("modal-footer").appendTo(modal);
- modal.on("hidden", function() {
- unhidePlayer();
- modal.remove();
- });
- modal.modal();
-}
-
function showPollMenu() {
$("#pollwrap .poll-menu").remove();
var menu = $("").addClass("well poll-menu")
- .insertAfter($("#newpollbtn"));
+ .prependTo($("#pollwrap"));
- $("").addClass("btn btn-danger pull-right")
+ $("").addClass("btn btn-sm btn-danger pull-right")
.text("Cancel")
.appendTo(menu)
.click(function() {
@@ -920,42 +842,36 @@ function showPollMenu() {
});
$("").text("Title").appendTo(menu);
- $("
").appendTo(menu);
- var title = $("").attr("type", "text")
+ var title = $("").addClass("form-control")
+ .attr("type", "text")
.appendTo(menu);
- $("
").appendTo(menu);
var lbl = $("").addClass("checkbox")
.text("Hide poll results")
.appendTo(menu);
var hidden = $("").attr("type", "checkbox")
.appendTo(lbl);
- $("
").appendTo(menu);
$("").text("Options").appendTo(menu);
- $("
").appendTo(menu);
- var addbtn = $("").addClass("btn")
+ var addbtn = $("").addClass("btn btn-sm btn-default")
.text("Add Option")
.appendTo(menu);
- $("
").appendTo(menu);
function addOption() {
- $("").attr("type", "text")
+ $("").addClass("form-control")
+ .attr("type", "text")
.addClass("poll-menu-option")
.insertBefore(addbtn);
- $("
").insertBefore(addbtn);
}
addbtn.click(addOption);
addOption();
addOption();
- $("
").appendTo(menu);
- $("").addClass("btn")
+ $("").addClass("btn btn-default btn-block")
.text("Open Poll")
- .addClass("btn-block")
.appendTo(menu)
.click(function() {
var opts = []
@@ -1057,26 +973,17 @@ function handleModPermissions() {
}
function handlePermissionChange() {
- if(CLIENT.rank >= 2 && $("#channelsettingswrap").length > 0) {
- $("#channelsettingswrap3").show();
- if($("#channelsettingswrap").html().trim() == "") {
- $("#channelsettingswrap").load("channeloptions.html", handleModPermissions);
- }
- else {
- handleModPermissions();
- }
- }
- else {
- $("#channelsettingswrap").html("");
- $("#channelsettingswrap3").hide();
+ if(CLIENT.rank >= 2) {
+ handleModPermissions();
}
- setVisible("#userpltogglewrap", CLIENT.rank >= 1);
-
+ setVisible("#playlistmanagerwrap", CLIENT.rank >= 1);
setVisible("#modflair", CLIENT.rank >= 2);
setVisible("#adminflair", CLIENT.rank >= 255);
+ setVisible("#guestlogin", CLIENT.rank < 0);
+ setVisible("#chatline", CLIENT.rank >= 0);
- setVisible("#playlisttogglewrap", hasPermission("playlistadd"));
+ setVisible("#playlistcontrolswrap", hasPermission("playlistadd"));
$("#queue_next").attr("disabled", !hasPermission("playlistnext"));
$("#qlockbtn").attr("disabled", CLIENT.rank < 2);
@@ -1092,7 +999,6 @@ function handlePermissionChange() {
" you right click). You can also choose to use the old",
" style of playlist buttons.",
"
"].join(""))
- .addClass("span12")
.attr("id", "plonotification")
.insertBefore($("#queue"));
@@ -1122,7 +1028,7 @@ function handlePermissionChange() {
setVisible("#clearplaylist", hasPermission("playlistclear"));
setVisible("#shuffleplaylist", hasPermission("playlistshuffle"));
- setVisible("#customembed_btn", hasPermission("playlistaddcustom"));
+ setVisible("#customembedwrap", hasPermission("playlistaddcustom"));
if(!hasPermission("playlistaddcustom")) {
$("#customembed_entry").hide();
$("#customembed_code").val("");
@@ -1178,7 +1084,7 @@ function addLibraryButtons(li, id, source) {
if(hasPermission("playlistadd")) {
if(hasPermission("playlistnext")) {
- $("").addClass("btn btn-mini")
+ $("").addClass("btn btn-xs btn-default")
.text("Next")
.click(function() {
socket.emit("queue", {
@@ -1189,7 +1095,7 @@ function addLibraryButtons(li, id, source) {
})
.appendTo(btns);
}
- $("").addClass("btn btn-mini")
+ $("").addClass("btn btn-xs btn-default")
.text("End")
.click(function() {
socket.emit("queue", {
@@ -1201,8 +1107,8 @@ function addLibraryButtons(li, id, source) {
.appendTo(btns);
}
if(CLIENT.rank >= 2 && source === "library") {
- $("").addClass("btn btn-mini btn-danger")
- .html("")
+ $("").addClass("btn btn-xs btn-danger")
+ .html("")
.click(function() {
socket.emit("uncache", {
id: id
diff --git a/www/css/cytube.css b/www/css/cytube.css
index b0eaf4a2..162cd37d 100644
--- a/www/css/cytube.css
+++ b/www/css/cytube.css
@@ -456,3 +456,24 @@
#channeloptions .modal-header {
border-bottom: none;
}
+
+#pollwrap > div {
+ margin-top: 10px;
+}
+
+.option {
+ margin-top: 5px;
+}
+
+.option-selected {
+ font-weight: bold;
+}
+
+.option > button {
+ margin-right: 15px;
+}
+
+.option-selected > button {
+ border-width: 3px !important;
+ margin-right: 10px;
+}