MMP 3.0 beta

modmailpro.user.js

// ==UserScript==
// @name    Mod Mail Pro
// @namespace    reddit.com/r/agentlame
// @author    agentlame, creesch, DEADB33F, gavin19
// @description    Filter subs from mod mail.
// @match    *://*.reddit.com/message/moderator/*
// @match    *://*.reddit.com/r/*/message/moderator/*
// @include  *://*.reddit.com/message/moderator/*
// @include  *://*.reddit.com/r/*/message/moderator/*
// @downloadURL http://userscripts.org/scripts/source/167234.user.js
// no red mod mail fix
// fixed unread view
// performance imporvments.
// auto expand all is no longer slows exapnding
// fixed redundant view links
// rewrote highlight new messages - much better performance
// unread is now an inbox view
// now works on per-subreddit mod mail and multi-sub mod mail
// @version    2.9
// ==/UserScript==

function modmailpro() {

    var ALL = 0, PRIORITY = 1, FILTERED = 2, REPLIED = 3, UNREAD = 4; //make a JSON object.
    
    var INVITE = "moderator invited",
        ADDED = "moderator added",
        inbox = localStorage["Toolbox.ModMailPro.inboxstyle"] || PRIORITY,
        now = new Date().getTime(),
        lastVisited = JSON.parse(localStorage['Toolbox.ModMailPro.lastvisited'] || '{}'),
        newCount = 0,
        collapsed = JSON.parse(localStorage["Toolbox.ModMailPro.defaultcollapse"] || "false"), //wrapped?,
        expandreplies = JSON.parse(localStorage["Toolbox.ModMailPro.expandreplies"] || "false"),
        noredmodmail = JSON.parse(localStorage["Toolbox.ModMailPro.noredmodmail"] || "true"),
        hideinvitespam = JSON.parse(localStorage["Toolbox.ModMailPro.hideinvitespam"] || "false"),
        highlightnew = JSON.parse(localStorage["Toolbox.ModMailPro.highlightnew"] || "true");
    
    var moreCommentThreads = [],
        unreadThreads = [];

    //Because flowwit is a doesn't respect your reddit prefs.
    var newLoadedMessages = 0;

    var divider = '<span style="color:gray"> | </span>',
        spacer = '<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>',
        prioritylink = $('<a class="prioritylink" href="javascript:;" view="' + PRIORITY + '">priority</a>'),
        alllink = $('<a class="alllink" href="javascript:;" view="' + ALL + '">all</a>'),
        filteredlink = $('<a class="filteredlink" href="javascript:;" view="' + FILTERED + '">filtered</a>'),
        repliedlink = $('<a class="repliedlink" href="javascript:;" view="' + REPLIED + '">replied</a>'),
        unreadlink = $('<a class="unreadlink" href="javascript:;" view="' + UNREAD + '">unread</a>'),
        collapselink = $('<a class="collapse-all-link" href="javascript:;">collapse all</a>'),
        unreadcount = $('<span class="unread-count"><b>0</b> - new messages</span>');

    var selectedCSS = {
        "color": "orangered",
        "font-weight": "bold"
    };
    var unselectedCSS = {
        "color": "#369",
        "font-weight": "normal"
    };

    // set last seen.. this is used by the desktop notifier.
    //localStorage['Toolbox.ModMailPro.lastseen'] = new Date().getTime();

    // Display numer of unread messages
    $('.menuarea').find('a').each(function() {
        $(this).remove();
    });
    
    $('.menuarea .separator').remove();
    
    // I am 1000% sure there is a better way to do this.
    //$(spacer).appendTo('.spacer');
    $(alllink).appendTo('.spacer');
    $(divider).appendTo('.spacer');
    $(prioritylink).appendTo('.spacer');
    $(divider).appendTo('.spacer');
    $(filteredlink).appendTo('.spacer');
    $(divider).appendTo('.spacer');
    $(repliedlink).appendTo('.spacer');
    $(divider).appendTo('.spacer');
    $(unreadlink).appendTo('.spacer');
    $(spacer).appendTo('.spacer');
    $(collapselink).appendTo('.spacer');
    $(spacer).appendTo('.spacer');
    $(unreadcount).appendTo('.spacer');
    $(spacer).appendTo('.spacer');
    
    // Prevent page lock while parsing things.  (stolen from RES)
    function forEachChunked(array, chunkSize, delay, call, complete) {
        if (array == null) return;
        if (chunkSize == null || chunkSize < 1) return;
        if (delay == null || delay < 0) return;
        if (call == null) return;
        var counter = 0;
        var length = array.length;
        
        function doChunk() {
            for (var end = Math.min(array.length, counter + chunkSize); counter < end; counter++) {
                var ret = call(array[counter], counter, array);
                if (ret === false) return;
            }
            if (counter < array.length) {
                window.setTimeout(doChunk, delay);
            } else { 
               if (complete) complete();
            }
        }
        window.setTimeout(doChunk, delay);
    }

    $('body').delegate('.save', 'click', function (e) {
        var parent = $(e.target).closest('.message-parent');
        var id = $(parent).attr('data-fullname');

        var replied = getRepliedThreads();

        // Add sub to filtered subs.
        if ($.inArray(id, replied) === -1) {
            replied.push(id);
        }

        localStorage['Toolbox.ModMailPro.replied'] = JSON.stringify(replied);

        setReplied();
    });

    function setView() {
        var a = []; //hacky-hack for 'all' view.

        // Neither a switch nor === will work correctly.
        if (inbox == ALL) {
            $(alllink).css(selectedCSS);
            hideThreads(a); // basically hideThreads(none);
            return;

        } else if (inbox == PRIORITY) {
            $(prioritylink).css(selectedCSS);
            hideThreads(getFilteredSubs());

        } else if (inbox == FILTERED) {
            $(filteredlink).css(selectedCSS);
            showThreads(getFilteredSubs());
        
        } else if (inbox == REPLIED) {
            $(repliedlink).css(selectedCSS);
            showThreads(getRepliedThreads(), true);
            
        } else if (inbox == UNREAD) {
            $(unreadlink).css(selectedCSS);
            showThreads(unreadThreads, true);
        }

        // Hide invite spam.
        if (hideinvitespam) {
            $('.invitespam').each(function () {
                $(this).hide();
            });
        }
    }

    $('body').delegate('.prioritylink, .alllink, .filteredlink, .repliedlink, .unreadlink', 'click', function (e) {
        // Just unselect all, then select the caller.
        $(prioritylink).css(unselectedCSS);
        $(alllink).css(unselectedCSS);
        $(filteredlink).css(unselectedCSS);
        $(repliedlink).css(unselectedCSS);
        $(unreadlink).css(unselectedCSS);
        
        inbox = $(e.target).attr('view');

        setView();
    });

    $('body').delegate('.collapse-all-link', 'click', function () {
        if (collapsed) {
            expandall();
        } else {
            collapseall();
        }
    });

    $('body').delegate('.collapse-link', 'click', function () {
        var parent = $(this).closest('.message-parent');
        if ($(this).text() === '[-]') {
            parent.find('.entry').hide();
            parent.find('.expand-btn').hide();
            $(this).text('[+]');
        } else {
            parent.find('.entry').show();
            parent.find('.expand-btn').show();
            $(this).text('[-]');

            //Show all comments
            if (expandreplies) {
                parent.find('.expand-btn:first').click();
            }
        }
    });

    // underline on hover. Should be done via CSS, I think.
    $(".prioritylink, .alllink, .filteredlink, .repliedlink, .collapse-all-link, .filter-sub-link").hover(function () {
        $(this).css('text-decoration', 'underline');
    }, function () {
        $(this).css('text-decoration', 'none');
    });

    initialize();

    // RES NER support.
    $('div.content').on('DOMNodeInserted', function (e) {
        var sender = e.target;
        var name = sender.className;

        if (name !== 'NERPageMarker' && !$(sender).hasClass('message-parent') && !$(sender).hasClass('realtime-new')) {
            return; //not RES, not flowwit, not load more comments, not realtime.
        }

        if ($(sender).hasClass('realtime-new')) { //new thread
            var attrib = $(sender).attr('data-fullname');
            if (attrib) {
                setTimeout(function () {
                    console.log('realtime go');
                    processThread($('[data-fullname="' + attrib + '"]'));
                }, 500);
            }
            return;
        } else if ($.inArray($(sender).attr('data-fullname'), moreCommentThreads) !== -1) { //check for 'load mor comments'
            setTimeout(function () {
                console.log('LMC go');
                processThread(sender);
            }, 500);
            return;

        } else if ($(sender).hasClass('message-parent')) { //likely flowitt
            newLoadedMessages++;

            // flowwit is hard-coded to load 25 entries at a time, so we need to count them.
            if (newLoadedMessages === 25) {
                newLoadedMessages = 0;
                setTimeout(function () {
                    console.log('flowitt go');
                    initialize();
                }, 500);
            }
            return;

        } else if (name === 'NERPageMarker') { //is res.
            setTimeout(function () {
                console.log('RES NER go');
                initialize();
            }, 500);
            return;
        }
    });

    function initialize() {
        console.log('MMP init');

        var threads = $('.message-parent');

        // Add filter link to each title, if it doesn't already have one.
        forEachChunked(threads, 35, 250, function (thread) {
            processThread(thread);
        }, function complete() {
            
            // Update time stamps.
            localStorage['Toolbox.ModMailPro.lastvisited'] = JSON.stringify(lastVisited);
            
            // If set collapse all threads on load.
            if (collapsed) {
                collapseall();
            }
            
            // Set views.
            setFilterLinks();
            setReplied();
            setView();
        });
    }
    
    function processThread(thread) {
        if ($(thread).hasClass('mmp-processed')) {
            return;
        }
        
        // Set-up MMP info area.
        $(thread).addClass('mmp-processed');
        
        var threadID = $(thread).attr('data-fullname'),
            entries = $(thread).find('.entry'),
            count = (entries.length -1),
            subreddit = getSubname(thread),
            newThread = $(thread).hasClass('realtime-new');
        
        $('<span class="info-area correspondent"></span>').insertAfter($(thread).find('.correspondent:first'));
        
        // Only one feature needs thread, so disable it because it's costly.
        if (hideinvitespam) {
            $(thread).find('.subject:first').contents().filter(function () {
                return this.nodeType === 3;
            }).wrap('<span class="message-title">');
        }
        
        var infoArea = $(thread).find('.info-area');
        var spacer = '<span> </span>';
        
        $('</span><a style="color:orangered" href="javascript:;" class="filter-sub-link" title="Filter/unfilter thread subreddit."></a> <span>').appendTo(infoArea);
        
        if (count > 0) {
            if ($(thread).hasClass('moremessages')) {
                count = count + '+';
                moreCommentThreads.push(threadID);
            }
            $('<span class="message-count">' + count + ' </span>' + spacer).appendTo(infoArea);
            
            // Only hide invite spam with no replies.    
        } else if (hideinvitespam) {
            var title = $(thread).find('.message-title').text().trim();
            if (title === INVITE || title === ADDED) {
                $(thread).addClass('invitespam');
            }
        }
        
        $('<span class="replied-tag"></span>' + spacer).appendTo(infoArea);
        
        $(thread).find('.correspondent.reddit.rounded a').parent().prepend(
            '<a href="javascript:;" class="collapse-link">[-]</a> ');
        
        if (noredmodmail) {
            if ($(thread).hasClass('spam')) {
                $(thread).css('background-color', 'transparent');
                $(thread).find('.subject').css('color', 'red');
            }
        }
        
        // Don't parse all entries if we don't need to.
        if (noredmodmail || highlightnew) {
            forEachChunked(entries, 25, 250, function(entry) {
                if (noredmodmail) {
                    var message = $(entry).parent();
                    
                    if (message.hasClass('spam')) {
                        $(message).css('background-color', 'transparent');
                        $(message).find('.entry:first .head').css('color', 'red');
                    }
                }
                
                if (highlightnew && !newThread) {
                    var timestamp = new Date($(entry).find('.head time').attr('datetime')).getTime();
                    
                    if (timestamp > lastVisited[subreddit]) {
                        if ($.inArray(threadID, unreadThreads == -1)){
                            unreadThreads.push(threadID);
                        }
                        
                        $(entry).find('.head').prepend('<span style="background-color:lightgreen; color:black">[NEW]</span><span>&nbsp;</span>');
                        
                        // Expand thread / highlight new
                        $(entry).find('.expand:first').click();
                        $(thread).find('.correspondent:first').css('background-color', 'lightgreen');
                        
                        newCount++;
                        $('.unread-count').html('<b>' + newCount + '</b> - new message' + (newCount == 1 ? '' : 's'));
                    }
                    lastVisited[subreddit] = now; //(now - 86400000);
                }
            });
        }
        
        // Deal with realtime threads.
        if (newThread) {
            $(thread).removeClass('realtime-new');
            $(thread).find('.correspondent:first').css('background-color', 'yellow');
            setView();
            setFilterLinks();
            
            if (collapsed) {
                $(thread).find('.entry').hide();
                $(thread).find('.expand-btn').hide();
                $(thread).find('.collapse-link').text('[+]');
            }
        }
    }

    function setFilterLinks() {
      
        // I think I could do this by just locating .filter-sub-link.
        $('.message-parent').each(function () {
            var subname = getSubname(this);
            var linktext = 'F';

            if ($.inArray(subname, getFilteredSubs()) !== -1) {
                linktext = 'U';
            }

            $(this).find('.filter-sub-link').text(linktext);
        });
    }

    function setReplied() {
        $('.message-parent').each(function () {
            var id = $(this).attr('data-fullname');

            if ($.inArray(id, getRepliedThreads()) !== -1) {
                $(this).find('.replied-tag').text('R');
                $(this).removeClass('invitespam'); //it's not spam if we replied.
            }
        });
    }

    $('body').delegate('.filter-sub-link', 'click', function (e) {
        var subname = getSubname($(e.target).closest('.message-parent'));
        var filtersubs = getFilteredSubs();

        // Add sub to filtered subs.
        if ($.inArray(subname, filtersubs) === -1) {
            filtersubs.push(subname);
        } else {
            filtersubs.splice(filtersubs.indexOf(subname), 1);
        }

        // Save new filter list.
        localStorage['Toolbox.ModMailPro.filteredsubs'] = JSON.stringify(filtersubs);

        // Refilter if in filter mode.
        setView();

        // Relabel links
        setFilterLinks();

        // Update filter count in settings.
        $('.filter-count').text(filtersubs.length);
        $('.filter-count').attr('title', filtersubs.join(', '));
    });

    function getSubname(sub) {
        return $(sub).find('.correspondent.reddit.rounded a').text().replace('/r/', '').replace('[-]', '')
            .replace('[+]', '').trim().toLowerCase();
    }

    function getFilteredSubs() {
        var retval = [];
        if (localStorage['Toolbox.ModMailPro.filteredsubs']) {
            retval = JSON.parse(localStorage['Toolbox.ModMailPro.filteredsubs']);
        }
        return retval;
    }

    function getRepliedThreads() {
        var retval = [];
        if (localStorage['Toolbox.ModMailPro.replied']) {
            retval = JSON.parse(localStorage['Toolbox.ModMailPro.replied']);
        }
        return retval;
    }

    function showThreads(items, byID) {
        $('.message-parent').each(function () {
            $(this).hide();
            
            if (!byID) {
                var subname = getSubname(this);

                if ($.inArray(subname, items) !== -1) {
                    $(this).show();
                }
                
            } else { 
                var id = $(this).attr('data-fullname');
                
                if ($.inArray(id, items) !== -1) {
                    $(this).show();
                }
            }
        });
    }

    function hideThreads(subs) {
        $('.message-parent').each(function () {
            var subname = getSubname(this);

            $(this).show();

            if ($.inArray(subname, subs) !== -1) {
                $(this).hide();
            }
        });
    }

    function collapseall() {
        collapsed = true;
        var link = ('.collapse-all-link');

        // make look selected.
        $(link).css(selectedCSS);

        // Hide threads.
        var threads = $('.message-parent');
        
        forEachChunked(threads, 35, 250, function (thread) {
            $(thread).find('.entry').hide();
            $(thread).find('.expand-btn').hide();
        });

        $(link).text('expand all');
        $('.collapse-link').text('[+]');
    }

    function expandall() {
        collapsed = false;
        var link = ('.collapse-all-link');

        // make look unselected.
        $(link).css(unselectedCSS);

        // Show threads.
        var threads = $('.message-parent');
        
        forEachChunked(threads, 35, 250, function (thread) {
            $(thread).find('.entry').show();
            $(thread).find('.expand-btn').show();

            if (expandreplies) {
                $(thread).find('.expand-btn:first').click();
            }
        });

        $(link).text('collapse all');
        $('.collapse-link').text('[-]');
    }
}

function realtimemail() {

    // Don't run if the page we're viewing is paginated, or if we're viewing a 'rising' page.
    if (location.search.match(/before|after/)) return;

    var realtime = localStorage.getItem('realtime'),
        delay = 60000, // Default 1 min delay between requests.
        refreshLimit = 10, // Default ten items per request.
        sitetable = $('#siteTable').css('top', 0),
        sitePos = sitetable.css('position'),
        refreshLink = $('<a class="refresh-link" href="javascript:;" title="NOTE: this will only show new threads, not replies.">refresh</a>'),
        updateURL = 'http://www.reddit.com/message/moderator.json-html';

    // Add refresh buttion.
    $(refreshLink).click(function () { getNewThings(false);  });
    $('<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>').appendTo('.spacer');
    $(refreshLink).appendTo('.spacer');

    // Run RTMM.
    if (JSON.parse(localStorage["Toolbox.ModMailPro.realtime"] || "false")) {
        setInterval(function () { getNewThings(true); }, delay);
    }

    // Add new things
    function getNewThings(auto) {
        var url = updateURL,
            html = [];

        // If it's just an auto update, it's unlikely we'd get 100 new threads in three minutes.
        if (auto) {
            url = updateURL + '?limit=' + refreshLimit;
        }

        // Seems rather unlikely you'd get more than
        $.get(url).success(function (response) {
            console.log('checking for new mod mail: ' + url);

            // Get list of thing ids of elements already on the page
            var ids = [];

            $('#siteTable div.thing').each(function () {
                ids.push(this.getAttribute('data-fullname'));
            });

            // Get any things whos ids aren't already listed and compress their HTML
            for (i in response.data) {
                try {
                    if (ids.indexOf(response.data[i].data.id) == -1) {
                        html.push(compressHTML(response.data[i].data.content));
                    }
                }
                // We don't need this catch, we just don't want the script to bomb on null ids.
                catch (err) {}
            }
            if (!html.length) return;

            //Prepend to siteTable
            insertHTML(html);
        });
    }

    // Insert new things into sitetable.
    function insertHTML(html) {
        var height = sitetable.css('top').slice(0, -2),
            things = $(html.join(''))
                .each(function () {
                $(this).addClass('realtime-new');
            });

        things.prependTo(sitetable)
            .each(function () {
            height -= this.offsetHeight;
        });

        // Scroll new items into view.
        sitetable.stop().css('top', height).animate({ top: 0 }, 5000);

        things.css({ opacity: 0.2 }).animate({ opacity: 1 }, 2000, 'linear');

        // Trim items
        $('#siteTable>div.thing:gt(99),#siteTable>.clearleft:gt(99),#siteTable tr.modactions:gt(200)').remove();

        // Run flowwit callbacks on new things.
        if (window.flowwit) for (i in window.flowwit) window.flowwit[i](things.filter('.thing'));
    }

    // .json-html returns uncompressed html, so we have to compress it manually and replace HTML entities.
    function compressHTML(src) {
        return src.replace(/(\n+|\s+)?&lt;/g, '<').replace(/&gt;(\n+|\s+)?/g, '>').replace(/&amp;/g, '&').replace(/\n/g, '').replace(/child" >  False/, 'child">');
    }
}

function compose() {
    var COMPOSE = "compose-message",
        mySubs = [],
        modMineURL = 'http://www.reddit.com/subreddits/mine/moderator.json?count=100',
        lastget = JSON.parse(localStorage['Toolbox.cache.lastget'] || -1),
        cachename = localStorage['Toolbox.cache.cachename'] || '',
        composeSelect = $('<select class="compose-mail" style="background:transparent;"><option value=' + COMPOSE + '>compose mod mail</option></select>'),
        composeURL = 'http://www.reddit.com/message/compose?to=%2Fr%2F';

    // Because normal .sort() is case sensitive.
    function saneSort(arr){
        return arr.sort(function (a, b) {
            if (a.toLowerCase() < b.toLowerCase()) return -1;
            if (a.toLowerCase() > b.toLowerCase()) return 1;
            return 0;
        });
    }
    
    if (localStorage['Toolbox.cache.moderatedsubs']) {
        mySubs = JSON.parse(localStorage['Toolbox.cache.moderatedsubs']);
    }

    // If it has been more than ten minutes, refresh mod cache.
    if (mySubs.length < 1 || (new Date().getTime() - lastget) / (1000 * 60) > 30 || cachename != reddit.logged) {
        mySubs = []; //resent list.
        getSubs(modMineURL);
    } else {
        mySubs = saneSort(mySubs);

        // Go!
        populateCompose();
    }

    function getSubs(URL) {
        $.getJSON(URL, function (json) {
            getSubsResult(json.data.children, json.data.after);
        });
    }

    // Callback because reddits/mod/mine is paginated.
    function getSubsResult(subs, after) {
        $(subs).each(function (sub) {
            mySubs.push(this.data.display_name.trim());
        });

        if (after) {
            var URL = modMineURL + '&after=' + after;
            getSubs(URL);
        } else {
            // We have all our subs.  Start adding ban links.
            lastget = new Date().getTime();
            cachename = reddit.logged;

            mySubs = saneSort(mySubs);

            // Update the cache.
            localStorage['Toolbox.cache.moderatedsubs'] = JSON.stringify(mySubs);
            localStorage['Toolbox.cache.lastget'] = JSON.stringify(lastget);
            localStorage['Toolbox.cache.cachename'] = cachename;

            // Go!
            populateCompose();
        }
    }

    function populateCompose() {
        $('<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>').appendTo('.spacer');
        $(composeSelect).appendTo('.spacer');

        $(mySubs).each(function () {
            $(composeSelect)
                .append($('<option>', {
                value: this
            })
                .text('/r/' + this));
        });

        $(composeSelect).change(function () {
            var sub = $(this).val();
            if (sub !== COMPOSE) {
                window.open(composeURL + $(this).val());
                $(composeSelect).val(COMPOSE);
            }
        });
    }
}

function settings() {
  
    var ALL = 0, PRIORITY = 1, FILTERED = 2, REPLIED = 3, UNREAD = 4;
    var VERSION = '2.7';
    var filteredsubs = [];
    var showing = false;
    var inbox = localStorage["Toolbox.ModMailPro.inboxstyle"] || PRIORITY;

    // Create setting elements 
    var settingsDiv = $('<div class="mmp-settings">');
    var spacer = '<span style="color:gray"> | </span>';
    var settingsToggle = $('<a style="color:gray" href="javascript:;" class="settings-link">▼</a><span>  </span>');
    var about = $('<span class="mmp-info" style="float:right; display:none"><b><a href="https://github.com/agentlame/modmailpro">Mod Mail Pro</a> v' + VERSION + '</b></span>');
    var info = $('<span  style="float:right;">all changes require reload</span>');

    var autocollapse = $('<a class="autocollapse" href="javascript:;">auto collapse</a>');
    var redmodmail = $('<a class="redmodmail" href="javascript:;">no red mod mail</a>');
    var highlight = $('<a class="highlight" href="javascript:;">highlight new</a>');
    var autoexpand = $('<a class="autoexpand" href="javascript:;">auto expand replies</a>');
    var hideinvitespam = $('<a class="hideinvitespam" href="javascript:;" title="WARNING: slows loading">hide invite spam</a>');
    var realtime = $('<a class="realtime" href="javascript:;" title="Loads new threads every two minutes.  Not replies, only threads.">realtime mail</a>');

    var resetfilter = $('<label class="filter-count" style="font-weight:bold"></label><span> - subreddits filtered\
                       (</span><a href="javascript:;" class="reset-filter-link" title="WARNING: will reload page.">reset</a><span>)</span>');

    var inboxstyle = $('<label style="color:#369;">default inbox: </label><select class="inboxstyle" style="background:transparent;">\
                        <option value=' + PRIORITY + '>priority</option><option value=' + ALL + '>all</option>\
                        <option value=' + FILTERED + '>filtered</option><option value=' + REPLIED + '>replied</option>\
                        <option value=' + UNREAD + '>unread</option></select>');

    var selectedCSS = {
        "color": "orangered",
        "font-weight": "bold"
    };
    var unselectedCSS = {
        "color": "#369",
        "font-weight": "normal"
    };

    $(settingsDiv).css({
        'display': 'none',
        'height': '20px',
        'padding-bottom': '5px',
        'padding-left': '25px',
        'padding-right': '10px',
        'padding-top': '0px',
        'border-bottom': '1px dotted gray',
        'margin': '5px',
        'overflow': 'hidden',
        'font-size': 'larger',
        'width': 'auto'
    });

    // Get settings/Set UI.
    $(inboxstyle).val(inbox);

    if (JSON.parse(localStorage["Toolbox.ModMailPro.defaultcollapse"] || "false")) {
        $(autocollapse).addClass('true');
        $(autocollapse).css(selectedCSS);
    }

    if (JSON.parse(localStorage["Toolbox.ModMailPro.noredmodmail"] || "true")) {
        $(redmodmail).addClass('true');
        $(redmodmail).css(selectedCSS);
    }

    if (JSON.parse(localStorage["Toolbox.ModMailPro.highlightnew"] || "true")) {
        $(highlight).addClass('true');
        $(highlight).css(selectedCSS);
    }

    if (JSON.parse(localStorage["Toolbox.ModMailPro.expandreplies"] || "false")) {
        $(autoexpand).addClass('true');
        $(autoexpand).css(selectedCSS);
    }

    if (JSON.parse(localStorage["Toolbox.ModMailPro.hideinvitespam"] || "false")) {
        $(hideinvitespam).addClass('true');
        $(hideinvitespam).css(selectedCSS);
    }

    if (JSON.parse(localStorage["Toolbox.ModMailPro.realtime"] || "false")) {
        $(realtime).addClass('true');
        $(realtime).css(selectedCSS);
    }

    // add settings button
    $(settingsToggle).prependTo('.spacer');

    // Add settings items
    $(settingsDiv).insertAfter('.menuarea');

    $(inboxstyle).appendTo(settingsDiv);
    $(spacer).appendTo(settingsDiv);
    $(autocollapse).appendTo(settingsDiv);
    $(spacer).appendTo(settingsDiv);
    $(redmodmail).appendTo(settingsDiv);
    $(spacer).appendTo(settingsDiv);
    $(highlight).appendTo(settingsDiv);
    $(spacer).appendTo(settingsDiv);
    $(autoexpand).appendTo(settingsDiv);
    $(spacer).appendTo(settingsDiv);
    $(hideinvitespam).appendTo(settingsDiv);
    $(spacer).appendTo(settingsDiv);
    $(realtime).appendTo(settingsDiv);

    $('<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>').appendTo(settingsDiv);
    $(resetfilter).appendTo(settingsDiv);
    $(info).appendTo(settingsDiv);
    $(about).appendTo('.spacer');

    // Get filtered subs.
    if (localStorage['Toolbox.ModMailPro.filteredsubs']) {
        filteredsubs = JSON.parse(localStorage['Toolbox.ModMailPro.filteredsubs']);
        $('.filter-count').attr('title', filteredsubs.join(', '));
    }

    // Set filtered sub count.
    $('.filter-count').text(filteredsubs.length);

    $('body').delegate('.settings-link', 'click', function (e) {

        if (!showing) {
            $('.mmp-settings').show();
            $('.mmp-info').show();
            showing = true;
            $('.menuarea').css({
                'border-bottom': 'none',
                'padding-bottom': '0px'
            });
        } else {
            $('.mmp-settings').hide();
            $('.mmp-info').hide();
            showing = false;
            $('.menuarea').css({
                'border-bottom': '1px dotted gray',
                'padding-bottom': '5px'
            });
        }
    });

    // Reset filter, reload page.
    $('body').delegate('.reset-filter-link', 'click', function (e) {
        localStorage.removeItem('Toolbox.ModMailPro.filteredsubs');
        window.location.reload();
    });

    // Save default inbox.
    $(inboxstyle).change(function () {
        localStorage['Toolbox.ModMailPro.inboxstyle'] = $(this).val();
    });

    // Settings have been changed.
    $('body').delegate('.autocollapse, .redmodmail, .highlight, .autoexpand, .hideinvitespam, .realtime', 'click', function (e) {
        var sender = e.target;

        // Change link style.
        if (!$(sender).hasClass('true')) {
            $(sender).addClass('true');
            $(sender).css(selectedCSS);
        } else {
            $(sender).removeClass('true');
            $(sender).css(unselectedCSS);
        }

        // Save settings.
        localStorage['Toolbox.ModMailPro.defaultcollapse'] = JSON.stringify($(autocollapse).hasClass('true'));
        localStorage['Toolbox.ModMailPro.noredmodmail'] = JSON.stringify($(redmodmail).hasClass('true'));
        localStorage['Toolbox.ModMailPro.highlightnew'] = JSON.stringify($(highlight).hasClass('true'));
        localStorage['Toolbox.ModMailPro.expandreplies'] = JSON.stringify($(autoexpand).hasClass('true'));
        localStorage['Toolbox.ModMailPro.hideinvitespam'] = JSON.stringify($(hideinvitespam).hasClass('true'));
        localStorage['Toolbox.ModMailPro.realtime'] = JSON.stringify($(realtime).hasClass('true'));
    });
}

// Add scripts to page
(function () {
    // Add mmp.
    addScriptToPage(modmailpro, 'modmailpro');

    // Add realtime mod mail.
    addScriptToPage(realtimemail, 'realtimemail');

    // Add realtime mod mail.
    addScriptToPage(compose, 'compose');
    
    // Add settings area
    addScriptToPage(settings, 'settings');

    function addScriptToPage(script, name) {
        if (location.pathname.match(/\/message\/(?:moderator)\/?/) && reddit.logged) {

            s = document.createElement('script');
            s.textContent = "(" + script.toString() + ')();';
            document.head.appendChild(s);
        }
    }

})();