sync/www/assets/js/callbacks.js

/**
 * Copyright 2013 Calvin 'calzoneman' Montgomery
 *
 * Licensed under Creative Commons Attribution-NonCommercial 3.0
 * See http://creativecommons.org/licenses/by-nc/3.0/
 *
 */

// Wrapped in a function so I can ensure that the socket
// is defined before these statements are run
function initCallbacks() {
    socket.on('disconnect', function() {
        $('<div/>').addClass('alert').addClass('alert-error')
            .insertAfter($('.row')[0])[0]
            .innerHTML = "<h3>Disconnected from server</h3>";
    });

    socket.on('rank', function(data) {
        if(data.rank >= Rank.Moderator)
            $('#playlist_controls').css("display", "block");
        RANK = data.rank;
    });

    socket.on('login', function(data) {
        if(!data.success)
            alert(data.error);
        else {
            $('#welcome')[0].innerHTML = "Welcome, " + uname;
            $('#loginform').css("display", "none");
            $('#loggedin').css("display", "block");
            if(pw != "") {
                createCookie('sync_uname', uname, 1);
                createCookie('sync_pw', pw, 1);
            }
        }
    });

    socket.on('register', function(data) {
        if(data.error) {
            alert(data.error);
        }
    });

    socket.on('chatMsg', function(data) {
        var div = document.createElement('div');
        var span = document.createElement('span');
        $(span).addClass(data.msgclass);
        if(data.msgclass != "action")
            data.msg = "<strong>&lt;" + data.username + "&gt;</strong> " + data.msg;
        span.innerHTML = data.msg;
        div.appendChild(span);
        $('#messagebuffer')[0].appendChild(div);
        // Cap chatbox at most recent 100 messages
        if($('#messagebuffer').children().length > 100) {
            $($('#messagebufer').children()[0]).remove();
        }
        $('#messagebuffer').scrollTop($('#messagebuffer').prop("scrollHeight"));
    });

    socket.on('playlist', function(data) {
        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)
                addQueueButtons(li);
            $(li).appendTo(ul);
        }
    });

    socket.on('queue', function(data) {
        var li = makeQueueEntry(data.media);
        if(RANK >= Rank.Moderator)
            addQueueButtons(li);
        $(li).css('display', 'none');
        var idx = data.pos;
        var ul = $('#queue')[0];
        $(li).appendTo(ul);
        if(idx < ul.children.length - 1)
            moveVideo(ul.children.length - 1, idx);
        $(li).show('blind');
    });

    socket.on('unqueue', function(data) {
        if(data.pos == POSITION && $('#queue').children().length > POSITION + 1) {
            $($('#queue').children()[POSITION+1]).addClass("alert alert-info");
        }
        var li = $('#queue').children()[data.pos];
        $(li).hide('blind', function() {
            $(li).remove();
        });
    });

    socket.on('moveVideo', function(data) {
        moveVideo(data.src, data.dest);
    });

    socket.on('updatePlaylistIdx', function(data) {
        var liold = $('#queue').children()[POSITION];
        $(liold).removeClass("alert alert-info");
        var linew = $('#queue').children()[data.idx];
        $(linew).addClass("alert alert-info");
        POSITION= data.idx;
    });

    socket.on('mediaUpdate', function(data) {
        if(data.type == "yt")
            updateYT(data);
        else if(data.type == "tw")
            loadTwitch(data.id);
        else if(data.type == "sc")
            updateSC(data);
        else if(data.type == "vi")
            updateVI(data);
    });

    socket.on('userlist', function(data) {
        for(var i = 0; i < data.length; i++) {
            addUser(data[i].name, data[i].rank, data[i].leader);
        }
    });

    socket.on('addUser', function(data) {
        addUser(data.name, data.rank, data.leader);
    });

    socket.on('updateUser', function(data) {
        if(data.name == uname) {
            LEADER = data.leader;
            if(LEADER) {
                // I'm a leader!  Set up sync function
                sendVideoUpdate = function() {
                    if(MEDIATYPE == "yt") {
                        socket.emit('mediaUpdate', {
                            id: parseYTURL(PLAYER.getVideoUrl()),
                            seconds: PLAYER.getCurrentTime(),
                            paused: PLAYER.getPlayerState() == YT.PlayerState.PAUSED,
                            type: "yt"
                        });
                    }
                    else if(MEDIATYPE == "sc") {
                        PLAYER.getPosition(function(pos) {
                            socket.emit('mediaUpdate', {
                                id: PLAYER.mediaId,
                                seconds: pos / 1000,
                                paused: false,
                                type: "sc"
                            });
                        });
                    }
                    else if(MEDIATYPE == "vi") {
                        PLAYER.api('getCurrentTime', function(data) {
                            socket.emit('mediaUpdate', {
                                id: PLAYER.videoid,
                                seconds: data.seconds,
                                paused: false,
                                type: "vi"
                            });
                        });
                    }
                };
            }
            // I'm not a leader.  Don't send syncs to the server
            else {
                sendVideoUpdate = function() { }
            }

            RANK = data.rank;
            if(data.rank >= Rank.Moderator)
                $('#playlist_controls').css("display", "block");
        }
        var users = $('#userlist').children();
        for(var i = 0; i < users.length; i++) {
            var name = users[i].children[1].innerText;
            // Reformat user
            if(name == data.name) {
                fmtUserlistItem(users[i], data.rank, data.leader);
            }
        }
    });

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

    socket.on('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)
                addLibraryButtons(li, data.results[i].id);
            $(li).appendTo(ul);
        }
    });
}