sync/www/assets/js/callbacks.js

Callbacks = {

    connect: function() {
        socket.emit("joinChannel", {
            name: CHANNEL
        });
        if(uname && session) {
            socket.emit("login", {
                name: uname,
                session: session
            });
        }
        $("<div/>").addClass("server-msg-reconnect")
            .text("Connected")
            .appendTo($("#messagebuffer"));
        $("#messagebuffer").scrollTop($("#messagebuffer").prop("scrollHeight"));
    },

    disconnect: function() {
        if(KICKED)
            return;
        $("<div/>")
            .addClass("server-msg-disconnect")
            .text("Disconnected from server.  Attempting reconnection...")
            .appendTo($("#messagebuffer"));
        $("#messagebuffer").scrollTop($("#messagebuffer").prop("scrollHeight"));
    },

    errorMsg: function(data) {
        alert(data.msg);
    },

    announcement: function(data) {
        $("#announcerow").html("");
        $("#announcerow").css("display", "");
        var div = $("<div/>").addClass("alert")
            .appendTo($("#announcerow"));
        $("<button/>").addClass("close pull-right").text("×")
            .appendTo(div)
            .click(function() { div.remove(); });
        $("<h3/>").text(data.title).appendTo(div);
        $("<p/>").html(data.text).appendTo(div);
    },

    kick: function(data) {
        KICKED = true;
        $("<div/>").addClass("server-msg-disconnect")
            .text("Kicked: " + data.reason)
            .appendTo($("#messagebuffer"));
        $("#messagebuffer").scrollTop($("#messagebuffer").prop("scrollheight"));
    },

    noflood: function(data) {
        $("<div/>")
            .addClass("server-msg-disconnect")
            .text(data.action + ": " + data.msg)
            .appendTo($("#messagebuffer"));
        $("#messagebuffer").scrollTop($("#messagebuffer").prop("scrollHeight"));
    },

    channelNotRegistered: function() {
        var div = $("<div/>").addClass("alert alert-info").attr("id", "chregnotice")
            .insertAfter($(".row")[0]);
        $("<button/>").addClass("close pull-right").text("×")
            .appendTo(div)
            .click(function() { div.remove(); });
        $("<h3/>").text("This channel isn't registered").appendTo(div);
        $("<button/>").addClass("btn btn-primary").text("Register it")
            .appendTo(div)
            .click(function() {
                socket.emit("registerChannel");
            });
    },

    registerChannel: function(data) {
        if(data.success) {
            $("#chregnotice").remove();
        }
        else {
            alert(data.error);
        }
    },

    unregisterChannel: function(data) {
        if(data.success) {
            alert("Channel unregistered");
        }
        else {
            alert(data.error);
        }
    },

    updateMotd: function(data) {
        $("#motdtext").val(data.motd);
        if(data.motd != "")
            $("#motd").parent().css("display", "");
        else
            $("#motd").parent().css("display", "none");
        $("#motd")[0].innerHTML = data.html;
    },

    chatFilters: function(data) {
        var entries = data.filters;
        var tbl = $("#filtereditor table");
        if(tbl.children().length > 1) {
            $(tbl.children()[1]).remove();
        }
        for(var i = 0; i < entries.length; i++) {
            var f = entries[i];
            var tr = $("<tr/>").appendTo(tbl);
            var remove = $("<button/>").addClass("btn btn-mini btn-danger")
                .appendTo($("<td/>").appendTo(tr));
            $("<i/>").addClass("icon-remove-circle").appendTo(remove);
            var name = $("<code/>").text(f.name)
                .appendTo($("<td/>").appendTo(tr));
            var regex = $("<code/>").text(f.source)
                .appendTo($("<td/>").appendTo(tr));
            var flags = $("<code/>").text(f.flags)
                .appendTo($("<td/>").appendTo(tr));
            var replace = $("<code/>").text(f.replace)
                .appendTo($("<td/>").appendTo(tr));
            var activetd = $("<td/>").appendTo(tr);
            var active = $("<input/>").attr("type", "checkbox")
                .prop("checked", f.active).appendTo(activetd);

            var remcallback = (function(filter) { return function() {
                socket.emit("chatFilter", {
                    cmd: "remove",
                    filter: filter
                });
            } })(f);
            remove.click(remcallback);

            var actcallback = (function(filter) { return function() {
                // Apparently when you check a checkbox, its value is changed
                // before this callback.  When you uncheck it, its value is not
                // changed before this callback
                // [](/amgic)
                var enabled = active.prop("checked");
                filter.active = (filter.active == enabled) ? !enabled : enabled;
                socket.emit("chatFilter", {
                    cmd: "update",
                    filter: filter
                });
            } })(f);
            active.click(actcallback);
        }

        var newfilt = $("<tr/>").appendTo(tbl);
        $("<td/>").appendTo(newfilt);
        var name = $("<input/>").attr("type", "text")
            .appendTo($("<td/>").appendTo(newfilt));
        var regex = $("<input/>").attr("type", "text")
            .appendTo($("<td/>").appendTo(newfilt));
        var flags = $("<input/>").attr("type", "text")
            .val("g")
            .appendTo($("<td/>").appendTo(newfilt));
        var replace = $("<input/>").attr("type", "text")
            .appendTo($("<td/>").appendTo(newfilt));
        var add = $("<button/>").addClass("btn btn-primary")
            .text("Add Filter")
            .appendTo($("<td/>").appendTo(newfilt));
        var cback = (function(name, regex, fg, replace) { return function() {
            if(regex.val() && replace.val()) {
                var re = regex.val();
                var flags = fg.val();
                try {
                    var dummy = new RegExp(re, flags);
                }
                catch(e) {
                    alert("Invalid regex: " + e);
                }
                socket.emit("chatFilter", {
                    cmd: "update",
                    filter: {
                        name: name.val(),
                        source: re,
                        flags: flags,
                        replace: replace.val(),
                        active: true
                    }
                });
            }
        } })(name, regex, flags, replace);
        add.click(cback);
    },

    channelOpts: function(opts) {
        $("#opt_pagetitle").attr("placeholder", opts.pagetitle);
        document.title = opts.pagetitle;
        PAGETITLE = opts.pagetitle;
        $("#opt_customcss").val(opts.customcss);
        $("#opt_customjs").val(opts.customjs);
        $("#opt_chat_antiflood").prop("checked", opts.chat_antiflood);
        $("#opt_show_public").prop("checked", opts.show_public);
        $("#customCss").remove();
        if(opts.customcss.trim() != "") {
            $("#usertheme").remove();
            $("<link/>")
                .attr("rel", "stylesheet")
                .attr("href", opts.customcss)
                .attr("id", "customCss")
                .appendTo($("head"));
        }
        $("#opt_allow_voteskip").prop("checked", opts.allow_voteskip);
        $("#opt_voteskip_ratio").val(opts.voteskip_ratio);
        if(opts.customjs.trim() != "") {
            if(opts.customjs != CUSTOMJS) {
                $.getScript(opts.customjs);
                CUSTOMJS = opts.customjs;
            }
        }

        CHANNELOPTS = opts;
        if(opts.qopen_allow_qnext)
            $("#queue_next").attr("disabled", false);
        else if(RANK < Rank.Moderator && !LEADER)
            $("#queue_next").attr("disabled", true);
        if(opts.qopen_allow_playnext)
            $("#play_next").attr("disabled", false);
        else if(RANK < Rank.Moderator && !LEADER)
            $("#play_next").attr("disabled", true);

        if(opts.allow_voteskip)
            $("#voteskip").attr("disabled", false);
        else
            $("#voteskip").attr("disabled", true);
        handlePermissionChange();
    },

    setPermissions: function(perms) {
        CHANPERMS = perms;
        genPermissionsEditor();
        handlePermissionChange();
    },

    channelCSSJS: function(data) {
        $("#chancss").remove();
        $("#chanjs").remove();

        $("#csstext").val(data.css);
        $("#jstext").val(data.js);

        if(data.css) {
            $("#usertheme").remove();
            $("<style/>").attr("type", "text/css")
                .attr("id", "chancss")
                .text(data.css)
                .appendTo($("head"));
        }

        if(data.js) {
            $("<script/>").attr("type", "text/javascript")
                .attr("id", "chanjs")
                .text(data.js)
                .appendTo($("body"));
        }
    },

    banlist: function(data) {
        var entries = data.entries;
        var tbl = $("#banlist table");
        if(tbl.children().length > 1) {
            $(tbl.children()[1]).remove();
        }
        for(var i = 0; i < entries.length; i++) {
            var tr = $("<tr/>").appendTo(tbl);
            var remove = $("<button/>").addClass("btn btn-mini btn-danger")
                .appendTo($("<td/>").appendTo(tr));
            $("<i/>").addClass("icon-remove-circle").appendTo(remove);
            var ip = $("<td/>").text(entries[i].ip).appendTo(tr);
            var name = $("<td/>").text(entries[i].name).appendTo(tr);
            var banner = $("<td/>").text(entries[i].banner).appendTo(tr);

            var callback = (function(id, name) { return function() {
                socket.emit("unban", {
                    id: id,
                    name: name
                });
            } })(entries[i].id, entries[i].name);
            remove.click(callback);
        }
    },

    seenlogins: function(data) {
        var entries = data.entries;
        var tbl = $("#loginlog table");
        if(tbl.children().length > 1) {
            $(tbl.children()[1]).remove();
        }
        entries.sort(function(a, b) {
            var x = a.names.join(",").toLowerCase();
            var y = b.names.join(",").toLowerCase();
            // Force blanknames to the bottom
            if(x == "") {
                return 1;
            }
            if(y == "") {
                return -1;
            }
            return x == y ? 0 : (x < y ? -1 : 1);
        });
        for(var i = 0; i < entries.length; i++) {
            var tr = $("<tr/>").appendTo(tbl);
            var bantd = $("<td/>").appendTo(tr);
            if(entries[i].banned) {
                bantd.text("Banned");
                tr.addClass("alert alert-error");
            }
            else {
                var ban = $("<button/>").addClass("btn btn-mini btn-danger")
                    .text("Ban IP")
                    .appendTo(bantd);
                var banrange = $("<button/>").addClass("btn btn-mini btn-danger")
                    .text("Ban IP Range")
                    .appendTo(bantd);
                var callback = (function(id, name) { return function() {
                    console.log(id, name);
                    socket.emit("banIP", {
                        id: id,
                        name: name,
                        range: false
                    });
                    return false;
                } })(entries[i].id, entries[i].names[0]);
                ban.click(callback);
                var callback2 = (function(id, name) { return function() {
                    console.log(id, name);
                    socket.emit("banIP", {
                        id: id,
                        name: name,
                        range: true
                    });
                    return false;
                } })(entries[i].id, entries[i].names[0]);
                banrange.click(callback2);
            }
            var ip = $("<td/>").text(entries[i].ip).appendTo(tr);
            var name = $("<td/>").text(entries[i].names).appendTo(tr);
            tr.data("names", entries[i].names);
            tr.data("banned", entries[i].banned);
            tr.click(function(ev) {
                tbl.find(".name-detail").remove();
                if(this.data("namesopen")) {
                    this.data("namesopen", false);
                    return;
                }
                var names = this.data("names") || [];
                for(var i = names.length-1; i >= 0; i--) {
                    var detail = $("<tr/>").insertAfter(this);
                    detail.addClass("name-detail");
                    if(this.data("banned")) {
                        detail.addClass("alert alert-error");
                    }
                    var buttontd = $("<td/>").appendTo(detail);
                    $("<button/>").addClass("btn btn-mini btn-danger")
                        .text("Ban Name")
                        .appendTo(buttontd)
                        .click(function() {
                            socket.emit("banName", {
                                name: this
                            });
                        }.bind(names[i]));
                    $("<td/>").text("\"").appendTo(detail);
                    $("<td/>").text(names[i]).appendTo(detail);
                }
                this.data("namesopen", true);
            }.bind(tr));
        }
    },

    acl: function(entries) {
        entries.sort(function(a, b) {
            var x = a.name.toLowerCase();
            var y = b.name.toLowerCase();
            return y == x ? 0 : (x < y ? -1 : 1);
        });
        var tbl = $("#channelranks table");
        if(tbl.children().length > 1) {
            $(tbl.children()[1]).remove();
        }
        for(var i = 0; i < entries.length; i++) {
            var tr = $("<tr/>").appendTo(tbl);
            var name = $("<td/>").text(entries[i].name).appendTo(tr);
            name.addClass(getNameColor(entries[i].rank));
            var rank = $("<td/>").text(entries[i].rank).appendTo(tr);
            var control = $("<td/>").appendTo(tr);
            var up = $("<button/>").addClass("btn btn-mini btn-success")
                .appendTo(control);
            $("<i/>").addClass("icon-plus").appendTo(up);
            var down = $("<button/>").addClass("btn btn-mini btn-danger")
                .appendTo(control);
            $("<i/>").addClass("icon-minus").appendTo(down);
            if(entries[i].rank + 1 >= RANK) {
                up.attr("disabled", true);
            }
            else {
                up.click(function(name) { return function() {
                    socket.emit("promote", {
                        name: name
                    });
                }}(entries[i].name));
            }
            if(entries[i].rank >= RANK) {
                down.attr("disabled", true);
            }
            else {
                down.click(function(name) { return function() {
                    socket.emit("demote", {
                        name: name
                    });
                }}(entries[i].name));
            }
        }
    },

    voteskip: function(data) {
        if(data.count > 0) {
            $("#voteskip").text("Voteskip ("+data.count+"/"+data.need+")");
        }
        else {
            $("#voteskip").text("Voteskip");
        }
    },

    /* REGION Rank Stuff */

    rank: function(data) {
        RANK = data.rank;
        handlePermissionChange();
    },

    register: function(data) {
        if(data.error) {
            alert(data.error);
        }
    },

    login: function(data) {
        if(!data.success) {
            if(data.error != "Invalid session") {
                alert(data.error);
            }
        }
        else {
            $("#welcome").text("Logged in as " + uname);
            $("#loginform").css("display", "none");
            $("#logoutform").css("display", "");
            $("#loggedin").css("display", "");
            session = data.session || "";
            createCookie("sync_uname", uname, 7);
            createCookie("sync_session", session, 7);
        }
    },

    /* REGION Chat */
    usercount: function(data) {
        var text = data.count + " connected user";
        if(data.count != 1) {
            text += "s";
        }
        $("#usercount").text(text);
    },

    chatMsg: function(data) {
        addChatMessage(data);
    },

    clearchat: function() {
        $("#messagebuffer").html("");
    },

    userlist: function(data) {
        $(".userlist_item").each(function() { $(this).remove(); });
        for(var i = 0; i < data.length; i++) {
            Callbacks.addUser(data[i]);
        }
    },

    addUser: function(data) {
        var div = $("<div/>").attr("class", "userlist_item");
        var flair = $("<span/>").appendTo(div);
        var nametag = $("<span/>").text(data.name).appendTo(div);
        formatUserlistItem(div[0], data);
        addUserDropdown(div, data.name);
        var users = $("#userlist").children();
        for(var i = 0; i < users.length; i++) {
            var othername = users[i].children[1].innerHTML;
            if(othername.toLowerCase() > data.name.toLowerCase()) {
                div.insertBefore(users[i]);
                return;
            }
        }
        div.appendTo($("#userlist"));

        if(data.name == uname) {
            PROFILE.image = data.profile.image;
            PROFILE.text = data.profile.text;
        }
    },

    updateUser: function(data) {
        if(data.name == uname) {
            PROFILE.text = data.profile.text;
            PROFILE.image = data.profile.image;
            LEADER = data.leader;
            RANK = data.rank;
            handlePermissionChange();
            if(LEADER) {
                // I'm a leader!  Set up sync function
                sendVideoUpdate = function() {
                    PLAYER.getTime(function(seconds) {
                        socket.emit("mediaUpdate", {
                            id: PLAYER.id,
                            currentTime: seconds,
                            paused: PLAYER.paused,
                            type: PLAYER.type
                        });
                    });
                };
            }
            // I'm not a leader.  Don't send syncs to the server
            else {
                sendVideoUpdate = function() { }
            }

        }
        var users = $("#userlist").children();
        for(var i = 0; i < users.length; i++) {
            var name = users[i].children[1].innerHTML;
            // Reformat user
            if(name == data.name) {
                formatUserlistItem(users[i], data);
            }
        }
    },

    userLeave: function(data) {
        var users = $("#userlist").children();
        for(var i = 0; i < users.length; i++) {
            var name = users[i].children[1].innerHTML;
            if(name == data.name) {
                $("#userlist")[0].removeChild(users[i]);
            }
        }
    },

    drinkCount: function(data) {
        if(data.count != 0) {
            var text = data.count + " drink";
            if(data.count != 1) {
                text += "s";
            }
            $("#drinkcount").text(text);
            $("#drinkbar").show();
        }
        else {
            $("#drinkbar").hide();
        }
    },

    /* REGION Playlist Stuff */
    playlist: function(data) {
        // Clear the playlist first
        var ul = $("#queue")[0];
        var n = ul.children.length;
        for(var i = 0; i < n; i++) {
            ul.removeChild(ul.children[0]);
        }
        for(var i = 0; i < data.pl.length; i++) {
            var li = makeQueueEntry(data.pl[i]);
            if(RANK >= Rank.Moderator || OPENQUEUE || LEADER)
                addQueueButtons(li);
            $(li).attr("title", data.pl[i].queueby
                                ? ("Added by: " + data.pl[i].queueby)
                                : "Added by: Unknown");
            $(li).appendTo(ul);
        }
    },

    updatePlaylistMeta: function(data) {
        $("#plcount").text(data.count + " items");
        $("#pllength").text(data.time);
    },

    queue: function(data) {
        var li = makeQueueEntry(data.media);
        if(RANK >= Rank.Moderator || OPENQUEUE || LEADER)
            addQueueButtons(li);
        $(li).css("display", "none");
        var idx = data.pos;
        var ul = $("#queue")[0];
        $(li).attr("title", data.media.queueby
                            ? ("Added by: " + data.media.queueby)
                            : "Added by: Unknown");
        $(li).appendTo(ul);
        if(idx < ul.children.length - 1)
            moveVideo(ul.children.length - 1, idx);
        $(li).show("blind");
    },

    queueFail: function() {
        alert("Queue failed.  Double check your link to make sure the video exists.");
    },

    setTemp: function(data) {
        var li = $("#queue").children()[data.idx];
        var buttons = $(li).find(".qe_btn");
        if(buttons.length == 5) {
            $(buttons[4]).removeClass("btn-danger btn-success");
            $(buttons[4]).addClass(data.temp ? "btn-success" : "btn-danger");
        }
        if(data.temp) {
            $(li).addClass("alert alert-error");
        }
        else {
            $(li).removeClass("alert alert-error");
        }
    },

    unqueue: function(data) {
        var li = $("#queue").children()[data.pos];
        $(li).remove();
    },

    moveVideo: function(data) {
        // Not recursive
        moveVideo(data.src, data.dest);
    },

    updatePlaylistIdx: function(data) {
        if(data.old != undefined) {
            var liold = $("#queue").children()[data.old];
            $(liold).removeClass("alert alert-info");
        }
        var linew = $("#queue").children()[data.idx];
        $(linew).addClass("alert alert-info");
        $("#queue").scrollTop(0);
        var scroll = $(linew).position().top - $("#queue").position().top;
        $("#queue").scrollTop(scroll);
        POSITION = data.idx;
        if(CHANNELOPTS.allow_voteskip)
            $("#voteskip").attr("disabled", false);
    },

    changeMedia: function(data) {
        $("#currenttitle").text("Currently Playing: " + data.title);
        if(data.type != "sc" && MEDIATYPE == "sc")
            // [](/goddamnitmango)
            fixSoundcloudShit();
        if(data.type != MEDIATYPE) {
            MEDIATYPE = data.type;
            PLAYER = new Media(data);
        }
        if(PLAYER.update) {
            PLAYER.update(data);
        }
    },

    mediaUpdate: function(data) {
        if(PLAYER.update) {
            PLAYER.update(data);
        }
    },

    queueLock: function(data) {
        OPENQUEUE = !data.locked;
        if(OPENQUEUE) {
            $("#playlist_controls").css("display", "");
            if(RANK < Rank.Moderator) {
                $("#qlockbtn").css("display", "none");
                rebuildPlaylist();
                if(!CHANNELOPTS.qopen_allow_qnext)
                    $("#queue_next").attr("disabled", true);
                if(!CHANNELOPTS.qopen_allow_playnext)
                    $("#play_next").attr("disabled", true);
            }
        }
        else if(RANK < Rank.Moderator && !LEADER) {
            $("#playlist_controls").css("display", "none");
            rebuildPlaylist();
        }
        if(OPENQUEUE) {
            $("#qlockbtn").removeClass("btn-danger")
                .addClass("btn-success")
                .text("Lock Queue");
        }
        else {
            $("#qlockbtn").removeClass("btn-success")
                .addClass("btn-danger")
                .text("Unlock Queue");
        }
    },

    librarySearchResults: function(data) {
        var n = $("#library").children().length;
        for(var i = 0; i < n; i++) {
            $("#library")[0].removeChild($("#library").children()[0]);
        }
        var ul = $("#library")[0];
        for(var i = 0; i < data.results.length; i++) {
            var li = makeQueueEntry(data.results[i]);
            if(RANK >= Rank.Moderator || OPENQUEUE || LEADER) {
                if(data.results[i].thumb)
                    addLibraryButtons(li, data.results[i].id, true);
                else
                    addLibraryButtons(li, data.results[i].id);
            }
            $(li).appendTo(ul);
        }
    },

    /* REGION Polls */
    newPoll: function(data) {
        closePoll();
        var pollMsg = $("<div/>").addClass("poll-notify")
            .text(data.initiator + " opened a poll: \"" + data.title + "\"")
            .appendTo($("#messagebuffer"));
        $("#messagebuffer").scrollTop($("#messagebuffer").prop("scrollHeight"));
        var poll = $("<div/>").addClass("well active").prependTo($("#pollcontainer"));
        $("<button/>").addClass("close pull-right").text("×")
            .appendTo(poll)
            .click(function() { poll.remove(); });
        if(RANK >= Rank.Moderator || LEADER) {
            $("<button/>").addClass("btn btn-danger pull-right").text("End Poll")
                .appendTo(poll)
                .click(function() {
                    socket.emit("closePoll")
                });
        }

        $("<h3/>").text(data.title).appendTo(poll);
        for(var i = 0; i < data.options.length; i++) {
            var callback = (function(i) { return function() {
                    socket.emit("vote", {
                        option: i
                    });
                    poll.find(".option button").each(function() {
                        $(this).attr("disabled", "disabled");
                    });
            } })(i);
            $("<button/>").addClass("btn").text(data.counts[i])
                .prependTo($("<div/>").addClass("option").text(data.options[i])
                        .appendTo(poll))
                .click(callback);

        }
    },

    updatePoll: function(data) {
        var poll = $("#pollcontainer .active");
        var i = 0;
        poll.find(".option button").each(function() {
            $(this).text(data.counts[i]);
            i++;
        });
    },

    closePoll: function() {
        // Not recursive
        closePoll();
    }
}