cyberbit/modation

$(document).ready(function() {
    parseNotifs();
    
    initTabs();
});

//Get a factory item
function _factory(key) {
    return $(".factory ." + key).clone();
}

//Initialize tabs
function initTabs() {
    $("nav a").click(function() {
        $(this).parents("nav").find("a").removeClass("active");
        $(this).addClass("active");
        $(".main-wrapper .content").hide();
        
        //Storage for tab
        var tab = $(this).data("tab");
        
        $("#" + $(this).data("tab") + "-container").show();
        
        //Parse specific tabs
        if (tab == "modation-watchlist") {
            parseWatchlist();
        }
    });
    
    $("nav a:first").click();
}

//Better get and parse notificaions-er
function parseNotifs() {
    //Grab storage
    crapi.clone(function(d) {
        //Login
        modapi.login(function(me) {
            var $parse = $("<strong>Unknown error</string>");
            
            //User is not logged in
            if (!me.success) {
                crapi.badge({
                    title: "Please login to view notifications",
                    color: "gray",
                    text: "?"
                });
                
                //Show login message
                $parse = $(_factory("modation-notifications-login"));
                    
                //Show parsed notification box
                $("#modation-notifications").replaceWith($parse);
            }
            
            //User is logged in
            else {
                $.get(global.path.feed, function(html) {
                    //Parse HTML to remove images and timing values
                    html = html.replace(/(<iframe\b.*?<\/iframe>)|(<img\b[^>]*>)/ig, '');
                    
                    var $html = $(html);
                    var $aside = $html.find('aside');
                    $aside.attr("id", "modation-notifications");
                    var feedLink = $html.find("a[href='/feed']")[0].innerText;
                    var feedAlerts = parseInt(feedLink.match(/(\d+)/)) || 0;
                    
                    //Notification box is there
                    if ($aside) $parse = $aside;
                    
                    //Generate alerts
                    _generateAlerts(d[me.email]);
                    
                    //Show parsed notification box
                    $("#modation-notifications").replaceWith($parse);
                    
                    //Iterate all links
                    $("#modation-notifications a").each(function() {
                        var href = $(this).attr("href");
                        $(this).attr("href", global.path.home + href);
                        $(this).attr("target", "_blank");
                    });
                    
                    //Format clear actions
                    var ct = 0;
                    $("#modation-notifications form[action*=clear_notification]").each(function() {
                        var action = $(this).attr("action");
                        $(this).attr("action", global.path.home + action);
                        $(this).attr("target", "clearcatcher" + ct);
                        $("#content").after('<iframe width="0" height="0" name="clearcatcher' + ct + '" style="display: none"></iframe>');
                        ++ct;
                    });
                    
                    //Add Clear All action
                    if (ct > 1) {
                        $("#modation-notifications div.notifications h3").append('<span class="super clear-notification" id="superclear">Clear All</span>');
                        $("#superclear").click(function() {
                            //Submit all clear actions
                            $("#modation-notifications form[action*=clear_notification]").submit()
                                .parents("div.notifications div").slideUp();
                            
                            //Show loader
                            if (!$("#modation-notifications div.notifications h3 img").length) {
                                $("#modation-notifications div.notifications h3").append('<img src="img/loading.gif" style="float: right">');
                                $(this).fadeOut();
                                parseNotifs();
                            }
                        });
                    }
                    
                    //Handle clear actions
                    $("#modation-notifications input.clear-notification").each(function() {
                        $(this).click(function() {
                            $(this).parents("div.notifications div").slideUp();
                            
                            //Show loader
                            if (!$("#modation-notifications div.notifications h3 img").length) {
                                $("#modation-notifications div.notifications h3").append('<img src="img/loading.gif" style="float: right">');
                                parseNotifs();
                            }
                        });
                    });
                    
                    function _generateAlerts() {
                        //var watchlistAlerts = data['watchlist-queue'].length;
                        var alerts = feedAlerts;// + watchlistAlerts;
                        var alertString = "";
                        
                        //Soundation notifs handler
                        if (feedAlerts) {
                            var authors = [];
                            
                            //Grab authors
                            $aside.find('a.author').each(function() {
                                author = $(this).text();
                                if (authors.indexOf(author) == -1) authors.push(author);
                            });
                            
                            //Initialize author string
                            var authorCount = authors.length;
                            var others = authorCount - 3;
                            alertString = feedAlerts + " new from ";
                            
                            //Iterate authors
                            var i = 0;
                            for (; i < 2 && i < (authorCount - 1); ++i) {
                                alertString += authors[i] + ", ";
                            }
                            
                            //Add final author
                            alertString += authors[i];
                            
                            //Add others, if needed
                            if (others > 0) alertString += ", plus " + others + " other" + (others > 1 ? "s" : "");
                        }
                        
                        //No Soundation notifs
                        else {
                            //console.log("modation: no notifs");
                        }
                        
                        //Watchlist notifs handler
                        /*if (watchlistAlerts) {
                            alertString += (alertString ? "\n" : "") + watchlistAlerts + " new from watchlist";
                        }*/
                        
                        //Global notifs handler
                        if (alerts) {
                            //Updage badge
                            crapi.badge({
                                title: alertString,
                                color: "red",
                                text: String(alerts)
                            });
                        }
                        
                        //No global notifs
                        else {
                            //Update badge
                            crapi.badge({
                                title: "No new notifications :(",
                                text: ""
                            });
                        }
                    }
                });
            }
        });
    });
}

//Get and parse watchlist
function parseWatchlist() {
    //Show loader
    $("#modation-watchlist .loader").show();
    
    crapi.clone(function(d) {        
        modapi.login(function(me) {
            //Storage for queue
            var queue = [];
            
            //User is not logged in
            if (!me.success) {
                console.warn("Could not login to Soundation, bypassing watchlist check");
            }
            
            //User is logged in
            else {
                queue = d[me.email]['watchlist-queue'];
            }
            
            //Reset queue display
            $("#modation-watchlist").find(".clear-notification, .modation-watchlist-item, .empty").remove();
            
            //Queue is empty
            if (!queue.length) {
                $("#modation-watchlist .wrapper").append(_factory("modation-watchlist-empty"));
                
                _complete();
            }
            
            //Items in queue
            else {
                //Iterate through queue items
                $.each(queue, function(i, q) {
                    $("#modation-watchlist .wrapper").append(_factory("modation-watchlist-item").addClass("modation-watchlist-item-" + i));
                    
                    //Select added item
                    var wItem = $("#modation-watchlist .modation-watchlist-item-" + i);
                    
                    //Load added item
                    wItem.find(".item-title").html('<a href="http://soundation.com/' + q.link + '" target="_blank">' + q.title);
                    wItem.find(".item-body").html(q.changes.join(", "));
                    
                    //Initialize clear handler
                    wItem.find(".clear-notification").click(function() {                        
                        //Clear queue item
                        clear_queue(me.email, i);
                        
                        //Hide and remove item, then parse watchlist again
                        $(this).parents('.notifications .modation-watchlist-item').slideUp(400, function() {
                            $(this).remove();
                            
                            //Only slightly recursive
                            parseWatchlist();
                        });
                    });
                });
                
                //Add Clear All button, if needed
                if ($("#modation-watchlist .modation-watchlist-item").length > 1) {
                    $("#modation-watchlist .modation-watchlist-header").append(_factory("modation-watchlist-clear-all").click(function() {
                        //Purge queue
                        purge_queue(me.email);
                        
                        //Hide and remove items, then parse watchlist again
                        $("#modation-watchlist .modation-watchlist-item").slideUp(400, function() {
                            $(this).remove();
                            
                            //Only slightly recursive
                            parseWatchlist();
                        });
                    }));
                }
                
                _complete();
            }
            
            function _complete() {
                //Hide loader
                $("#modation-watchlist .loader").hide();
            }
        });
    });
}

//Clear queue item
function clear_queue(email, queueID) {
    crapi.clone(function(d) {        
        //Grab queue item
        var queueItem = d[email]['watchlist-queue'][queueID];
        
        //Grab watchlist item
        var watchlistItem = d[email].watchlist[queueItem.index];
        
        //Iterate properties
        for (var prop in queueItem.state) {
            if (queueItem.state.hasOwnProperty(prop)) {
                watchlistItem[prop] = queueItem.state[prop];
            }
        }
        
        //Push updated watchlist back into storage
        d[email].watchlist[queueItem.index] = watchlistItem;
        
        //Delete queue item
        d[email]['watchlist-queue'].splice(queueID, 1);
        
        //Update watchlist
        crapi.update(email, d[email]);
    });
}

//Purge entire queue
function purge_queue(email) {
    crapi.clone(function(d) {
        //Iterate queue items
        $.each(d[email]['watchlist-queue'], function(i, v) {
            //Grab queue item
            var queueItem = v;
            
            //Grab watchlist item
            var watchlistItem = d[email].watchlist[queueItem.index];
            
            //Iterate properties
            for (var prop in queueItem.state) {
                if (queueItem.state.hasOwnProperty(prop)) {
                    watchlistItem[prop] = queueItem.state[prop];
                }
            }
            
            //Push updated watchlist back into storage
            d[email].watchlist[queueItem.index] = watchlistItem;
        });
        
        //Clear queue
        d[email]['watchlist-queue'] = [];
        
        //Update watchlist
        crapi.update(email, d[email]);
    });
}

//Helper function for debugging
if (crapi.debug) {
    _wItem = function() {
        //Reset queue display
        $("#modation-watchlist").find(".empty").remove();
        
        //Add debug item
        $("#modation-watchlist .wrapper").append(_factory("modation-watchlist-item").addClass("modation-watchlist-item-debug"));
        
        //Select added item
        var $wItem = $("#modation-watchlist .modation-watchlist-item-debug").last();
        
        //Load added item
        $wItem.find(".item-title").html('<a href="#">Debug Item</a>');
        $wItem.find(".item-body").html('Body, Mind, Soul');
    };
}