☰

ao3 relationship savior

hide works with too many relationships on the AO3

// ==UserScript==
// @name        ao3 relationship savior
// @description hide works with too many relationships on the AO3
// @namespace   https://greasyfork.org/en/users/3759-locrian
// @include     http*://archiveofourown.org/*
// @grant       none
// @version     1.021
// ==/UserScript==


/**** CONFIG ********************/
window.ao3RelsConfig = {
    maxRelationships: 2,
    // set to the maximum number of relationships per work you want to see
};
/********************************/

(function($) {

    var works = $('li.blurb');
    if (!works[0]) return;

    var toggleClass = 'ao3-rels-hide-toggle',
        fold = $('<p>').addClass('fold').append(
            $('<span>').addClass(toggleClass).text('This work is hidden! '),
            $('<span>').addClass(toggleClass).html('This work was hidden. ').hide(),
            $('<span>').addClass('reason'),
            $('<span>').addClass('actions').append(
                $('<a>').addClass('action').css({
                    'position': 'absolute',
                    'right': 8,
                    'top': 10
                }).text('Unhide')
            )
        ),
        bl = window.ao3RelsConfig,
        shouldBlacklist = function(work) {
            var relationships = work.find('.relationships').find('a.tag');
            if (relationships.length > bl.maxRelationships) {
                return relationships.length;
            }
        },
        blacklist = function(work, reason) {
            var cut = $('<div>').addClass('cut').html(work.html()),
                reason = '(Too many relationships: ' + reason +')',
                thisFold = fold.clone(),
                reasonContainer = thisFold.find('.reason');

            reasonContainer.html(reason);

            work.empty().append(thisFold, cut.hide());
            work.find('a.action').click(function() {
                var fold = $(this).closest('.fold'),
                    cut = fold.next('.cut');

                cut.add(fold.children('.'+toggleClass)).toggle();
                $(this).text(cut.is(':visible') ? 'Hide' : 'Unhide');
            })
        };

    works.each(function() {
        var reason = shouldBlacklist($(this));
        if (reason) {
            blacklist($(this), reason)
        }
    });

})(window.jQuery);