mirror of https://github.com/calzoneman/sync.git
Forgot to add util.js
This commit is contained in:
calzoneman
parent
9c3596b04a
commit
38b2816e23
|
|
@ -0,0 +1,720 @@
|
||||||
|
function makeAlert(title, text, klass) {
|
||||||
|
if(!klass) {
|
||||||
|
klass = "alert-info";
|
||||||
|
}
|
||||||
|
|
||||||
|
var al = $("<div/>").addClass("alert")
|
||||||
|
.addClass(klass)
|
||||||
|
.text(text);
|
||||||
|
$("<br/>").prependTo(al);
|
||||||
|
$("<strong/>").text(title).prependTo(al);
|
||||||
|
$("<button/>").addClass("close pull-right").html("×")
|
||||||
|
.click(function() {
|
||||||
|
al.hide("blind", function() {
|
||||||
|
al.remove();
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.prependTo(al);
|
||||||
|
return al;
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatUserlistItem(div, data) {
|
||||||
|
var name = $(div.children[1]);
|
||||||
|
name.removeClass();
|
||||||
|
name.css("font-style", "");
|
||||||
|
name.addClass(getNameColor(data.rank));
|
||||||
|
div.find(".profile-box").remove();
|
||||||
|
|
||||||
|
// TODO might remove this
|
||||||
|
var profile;
|
||||||
|
name.mouseenter(function(ev) {
|
||||||
|
profile = $("<div/>")
|
||||||
|
.addClass("profile-box")
|
||||||
|
.css("top", (ev.pageY + 5) + "px")
|
||||||
|
.css("left", ev.pageX + "px")
|
||||||
|
.appendTo(div);
|
||||||
|
if(data.profile.image) {
|
||||||
|
$("<img/>").addClass("profile-image")
|
||||||
|
.attr("src", data.profile.image)
|
||||||
|
.appendTo(profile);
|
||||||
|
}
|
||||||
|
$("<strong/>").text(data.name).appendTo(profile);
|
||||||
|
$("<p/>").text(data.profile.text).appendTo(profile);
|
||||||
|
});
|
||||||
|
name.mousemove(function(ev) {
|
||||||
|
profile.css("top", (ev.pageY + 5) + "px")
|
||||||
|
.css("left", ev.pageX + "px")
|
||||||
|
});
|
||||||
|
name.mouseleave(function() {
|
||||||
|
profile.remove();
|
||||||
|
});
|
||||||
|
|
||||||
|
var flair = div.children[0];
|
||||||
|
flair.innerHTML = "";
|
||||||
|
// denote current leader with a star
|
||||||
|
if(data.leader) {
|
||||||
|
$("<i/>").addClass("icon-star-empty").appendTo(flair);
|
||||||
|
}
|
||||||
|
if(data.meta && data.meta.afk) {
|
||||||
|
name.css("font-style", "italic");
|
||||||
|
$("<i/>").addClass("icon-time").appendTo(flair);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getNameColor(rank) {
|
||||||
|
if(rank >= Rank.Siteadmin)
|
||||||
|
return "userlist_siteadmin";
|
||||||
|
else if(rank >= Rank.Owner)
|
||||||
|
return "userlist_owner";
|
||||||
|
else if(rank >= Rank.Moderator)
|
||||||
|
return "userlist_op";
|
||||||
|
else if(rank == Rank.Guest)
|
||||||
|
return "userlist_guest";
|
||||||
|
else
|
||||||
|
return "";
|
||||||
|
}
|
||||||
|
|
||||||
|
function addUserDropdown(entry, name) {
|
||||||
|
// TODO change this
|
||||||
|
entry.find(".dropdown").remove();
|
||||||
|
entry.unbind();
|
||||||
|
var div = $("<div />").addClass("dropdown").appendTo(entry);
|
||||||
|
var ul = $("<ul />").addClass("dropdown-menu").appendTo(div);
|
||||||
|
ul.attr("role", "menu");
|
||||||
|
ul.attr("aria-labelledby", "dropdownMenu");
|
||||||
|
|
||||||
|
var ignore = $("<li />").appendTo(ul);
|
||||||
|
var a = $("<a />").attr("tabindex", "-1").attr("href", "javascript:void(0);").appendTo(ignore);
|
||||||
|
if(IGNORED.indexOf(name) != -1) {
|
||||||
|
a.text("Unignore User");
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
a.text("Ignore User");
|
||||||
|
}
|
||||||
|
a.click(function() {
|
||||||
|
if(IGNORED.indexOf(name) != -1) {
|
||||||
|
IGNORED.splice(IGNORED.indexOf(name), 1);
|
||||||
|
this.text("Ignore User");
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
IGNORED.push(name);
|
||||||
|
this.text("Unignore User");
|
||||||
|
}
|
||||||
|
}.bind(a));
|
||||||
|
|
||||||
|
if(hasPermission("kick")) {
|
||||||
|
var kick = $("<li />").appendTo(ul);
|
||||||
|
var a = $("<a />").attr("tabindex", "-1").attr("href", "javascript:void(0);").appendTo(kick);
|
||||||
|
a.text("Kick");
|
||||||
|
a.click(function() {
|
||||||
|
socket.emit("chatMsg", {
|
||||||
|
msg: "/kick " + name
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if(CLIENT.rank >= Rank.Moderator) {
|
||||||
|
$("<li />").addClass("divider").appendTo(ul);
|
||||||
|
|
||||||
|
var makeLeader = $("<li />").appendTo(ul);
|
||||||
|
var a = $("<a />").attr("tabindex", "-1").attr("href", "javascript:void(0);").appendTo(makeLeader);
|
||||||
|
a.text("Make Leader");
|
||||||
|
a.click(function() {
|
||||||
|
socket.emit("assignLeader", {
|
||||||
|
name: name
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
var takeLeader = $("<li />").appendTo(ul);
|
||||||
|
var a = $("<a />").attr("tabindex", "-1").attr("href", "javascript:void(0);").appendTo(takeLeader);
|
||||||
|
a.text("Take Leader");
|
||||||
|
a.click(function() {
|
||||||
|
socket.emit("assignLeader", {
|
||||||
|
name: ""
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
var ban = $("<li />").appendTo(ul);
|
||||||
|
var a = $("<a />").attr("tabindex", "-1").attr("href", "javascript:void(0);").appendTo(ban);
|
||||||
|
a.text("IP Ban");
|
||||||
|
a.click(function() {
|
||||||
|
socket.emit("chatMsg", {
|
||||||
|
msg: "/ban " + name
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
var nameban = $("<li />").appendTo(ul);
|
||||||
|
var a = $("<a />").attr("tabindex", "-1").attr("href", "javascript:void(0);").appendTo(nameban);
|
||||||
|
a.text("Name Ban");
|
||||||
|
a.click(function() {
|
||||||
|
socket.emit("banName", {
|
||||||
|
name: name
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
$("<li />").addClass("divider").appendTo(ul);
|
||||||
|
|
||||||
|
var promote = $("<li />").appendTo(ul);
|
||||||
|
var a = $("<a />").attr("tabindex", "-1").attr("href", "javascript:void(0);").appendTo(promote);
|
||||||
|
a.text("Promote");
|
||||||
|
a.click(function() {
|
||||||
|
socket.emit("promote", {
|
||||||
|
name: name
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
var demote = $("<li />").appendTo(ul);
|
||||||
|
var a = $("<a />").attr("tabindex", "-1").attr("href", "javascript:void(0);").appendTo(demote);
|
||||||
|
a.text("Demote");
|
||||||
|
a.click(function() {
|
||||||
|
socket.emit("demote", {
|
||||||
|
name: name
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
entry.click(function() {
|
||||||
|
if(ul.css("display") == "none") {
|
||||||
|
// Hide others
|
||||||
|
$("#userlist ul.dropdown-menu").each(function() {
|
||||||
|
if(this != ul) {
|
||||||
|
$(this).css("display", "none");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
ul.css("display", "block");
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
ul.css("display", "none");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return ul;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* queue stuff */
|
||||||
|
|
||||||
|
function makeQueueEntry(video) {
|
||||||
|
var li = $("<li/>");
|
||||||
|
li.addClass("queue_entry");
|
||||||
|
li.data("media", video);
|
||||||
|
if(video.thumb) {
|
||||||
|
$("<img/>").attr("src", video.thumb.url)
|
||||||
|
.css("float", "left")
|
||||||
|
.css("clear", "both")
|
||||||
|
.appendTo(li);
|
||||||
|
}
|
||||||
|
var title = $("<a/>").addClass("qe_title").appendTo(li)
|
||||||
|
.text(video.title)
|
||||||
|
.attr("href", "#")//formatURL(video))
|
||||||
|
.attr("target", "_blank");
|
||||||
|
var time = $("<span/>").addClass("qe_time").appendTo(li);
|
||||||
|
time.text(video.duration);
|
||||||
|
var clear = $("<div/>").addClass("qe_clear").appendTo(li);
|
||||||
|
if(video.temp) {
|
||||||
|
li.addClass("queue_temp");
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add dropdown
|
||||||
|
// class="dropdown dropup" lolwut
|
||||||
|
var dd = $("<div/>").addClass("dropdown dropup").appendTo(li);
|
||||||
|
var menu = $("<ul/>").addClass("dropdown-menu")
|
||||||
|
.attr("role", "menu")
|
||||||
|
.appendTo(dd);
|
||||||
|
var del = $("<a/>").appendTo($("<li/>").appendTo(menu))
|
||||||
|
.attr("href", "javascript:void(0)")
|
||||||
|
.attr("tabindex", "-1")
|
||||||
|
.click(function() {
|
||||||
|
})
|
||||||
|
.text("Remove");
|
||||||
|
$("<i/>").addClass("icon-trash").prependTo(del);
|
||||||
|
|
||||||
|
li.contextmenu(function(ev) {
|
||||||
|
ev.preventDefault();
|
||||||
|
if(menu.css("display") == "none")
|
||||||
|
menu.show();
|
||||||
|
else
|
||||||
|
menu.hide();
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
menu.blur(function() {
|
||||||
|
menu.hide();
|
||||||
|
});
|
||||||
|
return li;
|
||||||
|
}
|
||||||
|
|
||||||
|
function addQueueButtons(li) {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function rebuildPlaylist() {
|
||||||
|
$("#queue li").each(function() {
|
||||||
|
$(this).find(".btn-group").remove();
|
||||||
|
addQueueButtons(this);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/* menus */
|
||||||
|
function showOptionsMenu() {
|
||||||
|
PLAYER.hide();
|
||||||
|
var modal = $("<div/>").addClass("modal hide fade")
|
||||||
|
.appendTo($("body"));
|
||||||
|
var head = $("<div/>").addClass("modal-header")
|
||||||
|
.appendTo(modal);
|
||||||
|
$("<button/>").addClass("close")
|
||||||
|
.attr("data-dismiss", "modal")
|
||||||
|
.attr("aria-hidden", "true")
|
||||||
|
.appendTo(head)[0].innerHTML = "×";
|
||||||
|
$("<h3/>").text("User Options").appendTo(head);
|
||||||
|
var body = $("<div/>").addClass("modal-body").appendTo(modal);
|
||||||
|
var form = $("<form/>").addClass("form-horizontal")
|
||||||
|
.appendTo(body);
|
||||||
|
|
||||||
|
function addOption(lbl, thing) {
|
||||||
|
var g = $("<div/>").addClass("control-group").appendTo(form);
|
||||||
|
$("<label/>").addClass("control-label").text(lbl).appendTo(g);
|
||||||
|
var c = $("<div/>").addClass("controls").appendTo(g);
|
||||||
|
thing.appendTo(c);
|
||||||
|
}
|
||||||
|
|
||||||
|
var themeselect = $("<select/>");
|
||||||
|
$("<option/>").attr("value", "default").text("Default").appendTo(themeselect);
|
||||||
|
$("<option/>").attr("value", "assets/css/darkstrap.css").text("Dark").appendTo(themeselect);
|
||||||
|
themeselect.val(USEROPTS.theme);
|
||||||
|
addOption("Theme", themeselect);
|
||||||
|
|
||||||
|
var usercss = $("<input/>").attr("type", "text")
|
||||||
|
.attr("placeholder", "Stylesheet URL");
|
||||||
|
usercss.val(USEROPTS.css);
|
||||||
|
addOption("User CSS", usercss);
|
||||||
|
|
||||||
|
var layoutselect = $("<select/>");
|
||||||
|
$("<option/>").attr("value", "default").text("Default")
|
||||||
|
.appendTo(layoutselect);
|
||||||
|
$("<option/>").attr("value", "large").text("Large")
|
||||||
|
.appendTo(layoutselect);
|
||||||
|
$("<option/>").attr("value", "huge").text("Huge")
|
||||||
|
.appendTo(layoutselect);
|
||||||
|
$("<option/>").attr("value", "single").text("Single Column")
|
||||||
|
.appendTo(layoutselect);
|
||||||
|
$("<option/>").attr("value", "synchtube").text("Synchtube")
|
||||||
|
.appendTo(layoutselect);
|
||||||
|
$("<option/>").attr("value", "fluid").text("Fluid")
|
||||||
|
.appendTo(layoutselect);
|
||||||
|
layoutselect.val(USEROPTS.layout);
|
||||||
|
addOption("Layout", layoutselect);
|
||||||
|
var warn = $("<p/>").addClass("text-error")
|
||||||
|
.text("Changing layouts may require a refresh")
|
||||||
|
addOption("", warn);
|
||||||
|
$("<hr>").appendTo(form);
|
||||||
|
|
||||||
|
var synchcontainer = $("<label/>").addClass("checkbox")
|
||||||
|
.text("Synchronize Media");
|
||||||
|
var synch = $("<input/>").attr("type", "checkbox").appendTo(synchcontainer);
|
||||||
|
synch.prop("checked", USEROPTS.synch);
|
||||||
|
addOption("Synch", synchcontainer);
|
||||||
|
|
||||||
|
var syncacc = $("<input/>").attr("type", "text")
|
||||||
|
.attr("placeholder", "Seconds");
|
||||||
|
syncacc.val(USEROPTS.sync_accuracy);
|
||||||
|
addOption("Synch Accuracy", syncacc);
|
||||||
|
|
||||||
|
var vidcontainer = $("<label/>").addClass("checkbox")
|
||||||
|
.text("Hide Video");
|
||||||
|
var hidevid = $("<input/>").attr("type", "checkbox").appendTo(vidcontainer);
|
||||||
|
hidevid.prop("checked", USEROPTS.hidevid);
|
||||||
|
addOption("Hide Video", vidcontainer);
|
||||||
|
$("<hr>").appendTo(form);
|
||||||
|
|
||||||
|
var tscontainer = $("<label/>").addClass("checkbox")
|
||||||
|
.text("Show timestamps in chat");
|
||||||
|
var showts = $("<input/>").attr("type", "checkbox").appendTo(tscontainer);
|
||||||
|
showts.prop("checked", USEROPTS.show_timestamps);
|
||||||
|
addOption("Show timestamps", tscontainer);
|
||||||
|
|
||||||
|
var blinkcontainer = $("<label/>").addClass("checkbox")
|
||||||
|
.text("Flash title on every incoming message");
|
||||||
|
var blink = $("<input/>").attr("type", "checkbox").appendTo(blinkcontainer);
|
||||||
|
blink.prop("checked", USEROPTS.blink_title);
|
||||||
|
addOption("Chat Notice", blinkcontainer);
|
||||||
|
|
||||||
|
var sendbtncontainer = $("<label/>").addClass("checkbox")
|
||||||
|
.text("Add a send button to the chatbox");
|
||||||
|
var sendbtn = $("<input/>").attr("type", "checkbox").appendTo(sendbtncontainer);
|
||||||
|
sendbtn.prop("checked", USEROPTS.chatbtn);
|
||||||
|
addOption("Send Button", sendbtncontainer);
|
||||||
|
|
||||||
|
var altsocketcontainer = $("<label/>").addClass("checkbox")
|
||||||
|
.text("Use alternative socket connection");
|
||||||
|
var altsocket = $("<input/>").attr("type", "checkbox")
|
||||||
|
.appendTo(altsocketcontainer);
|
||||||
|
altsocket.prop("checked", USEROPTS.altsocket);
|
||||||
|
addOption("Alternate Socket", altsocketcontainer);
|
||||||
|
|
||||||
|
var profile = $("<a/>").attr("target", "_blank")
|
||||||
|
.addClass("btn")
|
||||||
|
.attr("href", "./account.html")
|
||||||
|
.text("Profile has moved to the account page");
|
||||||
|
addOption("Profile", profile);
|
||||||
|
|
||||||
|
if(RANK >= Rank.Moderator) {
|
||||||
|
$("<hr>").appendTo(form);
|
||||||
|
var modhatcontainer = $("<label/>").addClass("checkbox")
|
||||||
|
.text("Show name color");
|
||||||
|
var modhat = $("<input/>").attr("type", "checkbox").appendTo(modhatcontainer);
|
||||||
|
modhat.prop("checked", USEROPTS.modhat);
|
||||||
|
addOption("Modflair", modhatcontainer);
|
||||||
|
}
|
||||||
|
|
||||||
|
var footer = $("<div/>").addClass("modal-footer").appendTo(modal);
|
||||||
|
var submit = $("<button/>").addClass("btn btn-primary pull-right")
|
||||||
|
.text("Save")
|
||||||
|
.appendTo(footer);
|
||||||
|
|
||||||
|
submit.click(function() {
|
||||||
|
USEROPTS.theme = themeselect.val();
|
||||||
|
USEROPTS.css = usercss.val();
|
||||||
|
USEROPTS.layout = layoutselect.val();
|
||||||
|
USEROPTS.synch = synch.prop("checked");
|
||||||
|
USEROPTS.sync_accuracy = parseFloat(syncacc.val()) || 2;
|
||||||
|
USEROPTS.hidevid = hidevid.prop("checked");
|
||||||
|
USEROPTS.show_timestamps = showts.prop("checked");
|
||||||
|
USEROPTS.blink_title = blink.prop("checked");
|
||||||
|
USEROPTS.chatbtn = sendbtn.prop("checked");
|
||||||
|
USEROPTS.altsocket = altsocket.prop("checked");
|
||||||
|
if(RANK >= Rank.Moderator) {
|
||||||
|
USEROPTS.modhat = modhat.prop("checked");
|
||||||
|
}
|
||||||
|
saveOpts();
|
||||||
|
modal.modal("hide");
|
||||||
|
});
|
||||||
|
|
||||||
|
modal.on("hidden", function() {
|
||||||
|
PLAYER.unhide();
|
||||||
|
applyOpts();
|
||||||
|
modal.remove();
|
||||||
|
});
|
||||||
|
modal.modal();
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveOpts() {
|
||||||
|
for(var key in USEROPTS) {
|
||||||
|
localStorage.setItem(key, USEROPTS[key]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function applyOpts() {
|
||||||
|
$("#usertheme").remove();
|
||||||
|
if(USEROPTS.theme != "default") {
|
||||||
|
$("<link/>").attr("rel", "stylesheet")
|
||||||
|
.attr("type", "text/css")
|
||||||
|
.attr("id", "usertheme")
|
||||||
|
.attr("href", USEROPTS.theme)
|
||||||
|
.appendTo($("head"));
|
||||||
|
}
|
||||||
|
|
||||||
|
$("#usercss").remove();
|
||||||
|
if(USEROPTS.css) {
|
||||||
|
$("<link/>").attr("rel", "stylesheet")
|
||||||
|
.attr("type", "text/css")
|
||||||
|
.attr("id", "usercss")
|
||||||
|
.attr("href", USEROPTS.css)
|
||||||
|
.appendTo($("head"));
|
||||||
|
}
|
||||||
|
|
||||||
|
switch(USEROPTS.layout) {
|
||||||
|
case "large":
|
||||||
|
largeLayout();
|
||||||
|
break;
|
||||||
|
case "huge":
|
||||||
|
hugeLayout();
|
||||||
|
break;
|
||||||
|
case "single":
|
||||||
|
singleColumnLayout();
|
||||||
|
break;
|
||||||
|
case "synchtube":
|
||||||
|
synchtubeLayout();
|
||||||
|
break;
|
||||||
|
case "fluid":
|
||||||
|
fluidLayout();
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(USEROPTS.hidevid) {
|
||||||
|
$("#videowrap").remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
$("#chatbtn").remove();
|
||||||
|
if(USEROPTS.chatbtn) {
|
||||||
|
var btn = $("<button/>").addClass("btn btn-block")
|
||||||
|
.text("Send")
|
||||||
|
.attr("id", "chatbtn")
|
||||||
|
.appendTo($("#chatwrap"));
|
||||||
|
btn.click(function() {
|
||||||
|
if($("#chatline").val().trim()) {
|
||||||
|
socket.emit("chatMsg", {
|
||||||
|
msg: $("#chatline").val()
|
||||||
|
});
|
||||||
|
$("#chatline").val("");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if(USEROPTS.altsocket) {
|
||||||
|
if(socket)
|
||||||
|
socket.disconnect();
|
||||||
|
socket = new NotWebsocket();
|
||||||
|
setupCallbacks();
|
||||||
|
}
|
||||||
|
// Switch from NotWebsocket => Socket.io
|
||||||
|
else if(socket && typeof socket.poll !== "undefined") {
|
||||||
|
try {
|
||||||
|
socket = io.connect(IO_URL);
|
||||||
|
setupCallbacks();
|
||||||
|
}
|
||||||
|
catch(e) {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function showLoginMenu() {
|
||||||
|
PLAYER.hide();
|
||||||
|
var modal = $("<div/>").addClass("modal hide fade")
|
||||||
|
.appendTo($("body"));
|
||||||
|
var head = $("<div/>").addClass("modal-header")
|
||||||
|
.appendTo(modal);
|
||||||
|
$("<button/>").addClass("close")
|
||||||
|
.attr("data-dismiss", "modal")
|
||||||
|
.attr("aria-hidden", "true")
|
||||||
|
.appendTo(head)
|
||||||
|
.html("×");
|
||||||
|
$("<h3/>").text("Login").appendTo(head);
|
||||||
|
var body = $("<div/>").addClass("modal-body").appendTo(modal);
|
||||||
|
var frame = $("<iframe/>")
|
||||||
|
.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 = $("<div/>").addClass("modal-footer").appendTo(modal);
|
||||||
|
modal.on("hidden", function() {
|
||||||
|
PLAYER.unhide();
|
||||||
|
modal.remove();
|
||||||
|
});
|
||||||
|
modal.modal();
|
||||||
|
}
|
||||||
|
|
||||||
|
function showPollMenu() {
|
||||||
|
$("#pollwrap .poll-menu").remove();
|
||||||
|
var menu = $("<div/>").addClass("well poll-menu")
|
||||||
|
.insertAfter($("#newpollbtn"));
|
||||||
|
|
||||||
|
$("<button/>").addClass("btn btn-danger pull-right")
|
||||||
|
.text("Cancel")
|
||||||
|
.appendTo(menu)
|
||||||
|
.click(function() {
|
||||||
|
menu.remove();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("<strong/>").text("Title").appendTo(menu);
|
||||||
|
$("<br/>").appendTo(menu);
|
||||||
|
|
||||||
|
var title = $("<input/>").attr("type", "text")
|
||||||
|
.appendTo(menu);
|
||||||
|
$("<br/>").appendTo(menu);
|
||||||
|
|
||||||
|
$("<strong/>").text("Options").appendTo(menu);
|
||||||
|
$("<br/>").appendTo(menu);
|
||||||
|
|
||||||
|
var addbtn = $("<button/>").addClass("btn")
|
||||||
|
.text("Add Option")
|
||||||
|
.appendTo(menu);
|
||||||
|
$("<br/>").appendTo(menu);
|
||||||
|
|
||||||
|
function addOption() {
|
||||||
|
$("<input/>").attr("type", "text")
|
||||||
|
.addClass("poll-menu-option")
|
||||||
|
.insertBefore(addbtn);
|
||||||
|
$("<br/>").insertBefore(addbtn);
|
||||||
|
}
|
||||||
|
|
||||||
|
addbtn.click(addOption);
|
||||||
|
addOption();
|
||||||
|
addOption();
|
||||||
|
|
||||||
|
$("<br/>").appendTo(menu);
|
||||||
|
$("<button/>").addClass("btn")
|
||||||
|
.text("Open Poll")
|
||||||
|
.addClass("btn-block")
|
||||||
|
.appendTo(menu)
|
||||||
|
.click(function() {
|
||||||
|
var opts = []
|
||||||
|
menu.find(".poll-menu-option").each(function() {
|
||||||
|
if($(this).val() != "")
|
||||||
|
opts.push($(this).val());
|
||||||
|
});
|
||||||
|
socket.emit("newPoll", {
|
||||||
|
title: title.val(),
|
||||||
|
opts: opts
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function scrollChat() {
|
||||||
|
// TODO add check
|
||||||
|
$("#messagebuffer").scrollTop($("#messagebuffer").prop("scrollheight"));
|
||||||
|
}
|
||||||
|
|
||||||
|
function hasPermission(key) {
|
||||||
|
if(key.indexOf("playlist") == 0 && CHANNEL.openqueue) {
|
||||||
|
var key2 = "o" + key;
|
||||||
|
var v = CHANNEL.perms[key2];
|
||||||
|
if(typeof v == "number" && CLIENT.rank >= v) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var v = CHANNEL.perms[key];
|
||||||
|
if(typeof v != "number") {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return CLIENT.rank >= v;
|
||||||
|
}
|
||||||
|
|
||||||
|
function handlePermissionChange() {
|
||||||
|
function setVisible(selector, bool) {
|
||||||
|
var disp = bool ? "" : "none";
|
||||||
|
$(selector).css("display", disp);
|
||||||
|
}
|
||||||
|
|
||||||
|
if(CLIENT.rank < 2) {
|
||||||
|
$(".modonly").hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
setVisible("#userpltoggle", CLIENT.rank >= 1);
|
||||||
|
|
||||||
|
setVisible("#playlisttoggle", hasPermission("playlistadd"));
|
||||||
|
$("#queue_next").attr("disabled", !hasPermission("playlistnext"));
|
||||||
|
setVisible("#qlockbtn", CLIENT.rank >= 2);
|
||||||
|
|
||||||
|
setVisible("#getplaylist", hasPermission("playlistgeturl"));
|
||||||
|
setVisible("#clearplaylist", hasPermission("playlistclear"));
|
||||||
|
setVisible("#shuffleplaylist", hasPermission("playlistshuffle"));
|
||||||
|
|
||||||
|
setVisible("#modnav", CLIENT.rank >= 2);
|
||||||
|
setVisible("#chanperms_tab", CLIENT.rank >= 3);
|
||||||
|
setVisible("#banlist_tab", hasPermission("ban"));
|
||||||
|
setVisible("#motdeditor_tab", hasPermission("motdedit"));
|
||||||
|
setVisible("#csseditor_tab", CLIENT.rank >= 3);
|
||||||
|
setVisible("#jseditor_tab", CLIENT.rank >= 3);
|
||||||
|
setVisible("#filtereditor_tab", hasPermission("filteredit"));
|
||||||
|
setVisible("#acl_tab", CLIENT.rank >= 3);
|
||||||
|
setVisible("#dropchannel_tab", CLIENT.rank >= 10);
|
||||||
|
|
||||||
|
setVisible("#newpollbtn", hasPermission("pollctl"));
|
||||||
|
|
||||||
|
$("#pollcontainer .active").find(".btn-danger").remove();
|
||||||
|
if(hasPermission("pollctl")) {
|
||||||
|
var poll = $("#pollcontainer .active");
|
||||||
|
if(poll.length > 0) {
|
||||||
|
$("<button/>").addClass("btn btn-danger pull-right")
|
||||||
|
.text("End Poll")
|
||||||
|
.insertAfter(poll.find(".close"))
|
||||||
|
.click(function() {
|
||||||
|
socket.emit("closePoll");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var poll = $("#pollcontainer .active");
|
||||||
|
if(poll.length > 0) {
|
||||||
|
poll.find(".btn").attr("disabled", !hasPermission("pollvote"));
|
||||||
|
}
|
||||||
|
var users = $("#userlist").children();
|
||||||
|
for(var i = 0; i < users.length; i++) {
|
||||||
|
addUserDropdown($(users[i]), users[i].children[1].innerHTML);
|
||||||
|
}
|
||||||
|
rebuildPlaylist();
|
||||||
|
}
|
||||||
|
|
||||||
|
/* search stuff */
|
||||||
|
|
||||||
|
function clearSearchResults() {
|
||||||
|
$("#library").html("");
|
||||||
|
$("#search_pagination").remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadSearchPage(page) {
|
||||||
|
$("#library").html("");
|
||||||
|
var results = $("#library").data("entries");
|
||||||
|
var start = page * 100;
|
||||||
|
for(var i = start; i < start + 100 && i < results.length; i++) {
|
||||||
|
var li = makeQueueEntry(results[i]);
|
||||||
|
if(hasPermission("playlistadd")) {
|
||||||
|
if(results[i].thumb) {
|
||||||
|
addLibraryButtons(li, results[i].id, true);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
addLibraryButtons(li, results[i].id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$(li).appendTo($("#library"));
|
||||||
|
}
|
||||||
|
if($("#search_pagination").length > 0) {
|
||||||
|
$("#search_pagination").find("li").each(function() {
|
||||||
|
$(this).removeClass("active");
|
||||||
|
});
|
||||||
|
$($("#search_pagination").find("li")[page]).addClass("active");
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue