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://greatest.deepsurf.us/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);