☰

FA Content Filter

Filters user-defined content while browsing FA.

当前为 2015-12-18 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        FA Content Filter
  3. // @namespace   fa-filter
  4. // @description Filters user-defined content while browsing FA.
  5. // @include     *://www.furaffinity.net/*
  6. // @require     http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
  7. // @version     1.4.0
  8. // @grant       GM_getValue
  9. // @grant       GM_setValue
  10. // @grant       GM_deleteValue
  11. // @grant       GM_openInTab
  12. // ==/UserScript==
  13.  
  14. // === WARNING ===
  15. // THE TAG FUNCTIONS ARE COMMENTED OUT IN ORDER TO PREVENT ACCIDENTAL DDoS DETECTION ON FURAFFINITY.
  16. this.$ = this.jQuery = jQuery.noConflict(true);
  17.  
  18. // === INITIALIZE USER ARRAY ===
  19. var userArray = JSON.parse(GM_getValue('userList', '{}'));
  20. //var tagArray = JSON.parse(GM_getvalue('tagList', '{}'));
  21.  
  22. // === FILTER ===
  23. var parseSettings = function() {
  24.     if (!(userArray instanceof Array)) {
  25.         $.each(userArray, function(username, data) {
  26.             if (data['subs'] === 1) { hideSubmissions(username); }
  27.             if (data['shouts'] === 1) { hideShouts(username); }
  28.             if (data['coms'] === 1) { hideComments(username); }
  29.             if (data['notifications'] === 1) { hideNotifications(username); }
  30.         });
  31.     }
  32. }
  33.  
  34. //var parseTagSettings = function() {
  35. //    $('.t-image a[href^="/view"]').each(function() {
  36. //        var url = $(this).attr('href');
  37. //        console.log(url);
  38. //        $.post(url, function(data) {
  39. //            console.log($('#keywords', data).text());
  40. //        });
  41. //    });
  42. //}
  43.  
  44.  
  45. // === SAVE ===
  46. function writeSettings() {
  47.     GM_setValue('userList', JSON.stringify(userArray));
  48. }
  49.  
  50. // === FUNCTIONS ===
  51.     // Hide user submissions
  52.     function hideSubmissions(username) {
  53.         // Browse/Submissions
  54.         var submission1 = $('b[id^="sid_"] a[href="/user/' + username + '/"]').closest('b');
  55.         stylizeHidden(submission1);
  56.         // Mark Submissions as Checked
  57.         submission1.children('small').children('input').prop('checked', true);
  58.         submission1.addClass('hidden-sub').hide();
  59.         
  60.         // Favorites/Front Page
  61.         var submission2 = $('b[id^="sid_"] img[src$="#' + username + '"]').closest('b');
  62.         stylizeHidden(submission2);
  63.         submission2.addClass('hidden-sub').hide();
  64.     }
  65.  
  66.     // Hide user shouts
  67.     function hideShouts(username) {
  68.         // Classic
  69.         var shout = $('table[id^="shout-"] td.alt1 img[alt="' + username + '"]').closest('table[id^="shout-"]');
  70.         shout.addClass('hidden-shout').hide();
  71.         stylizeHidden(shout.find('table'));
  72.         shout.next('br').addClass('hidden-shout-br').hide();
  73.         
  74.         // Beta
  75.         var shoutBeta = $('table[id^="shout-"] .comments-flex-item-icon img[alt="' + username +'"]').closest('table[id^="shout-"]');
  76.         shoutBeta.addClass('hidden-shout').hide();
  77.         stylizeHidden(shoutBeta.find('.comments-flex-item-main'));
  78.     }
  79.  
  80.     // Hide user comments and threads
  81.     function hideComments(username) {
  82.         // Classic
  83.         var comments = $('.container-comment td.icon img[alt="' + username + '"]').closest('.container-comment');
  84.         
  85.         $(comments).each(function() {
  86.             // Hide comment and get width
  87.             if (!($(this).hasClass('hidden-comment'))) {
  88.                 var width = Number($(this).addClass('hidden-comment').hide().attr('width').slice(0,-1));
  89.                 var current = $(this).next('.container-comment');
  90.  
  91.                 // Iterate through comments until there's a width that is greater than or equal
  92.                 while (true) {
  93.                     if (current.length) {
  94.                         if (Number(current.attr('width').slice(0,-1)) < width) {
  95.                             current.addClass('hidden-comment').hide();
  96.                             current = current.next('.container-comment');
  97.                         } else {
  98.                             break;
  99.                         }
  100.                     } else {
  101.                        break;
  102.                     }
  103.                 }
  104.             }
  105.         });
  106.         
  107.         // Beta
  108.         var commentsBeta = $('.container-comment .comments-flex-item-icon img[alt="' + username + '"]').closest('.container-comment');
  109.         stylizeHidden(commentsBeta.find('.comments-flex-item-main'));
  110.         
  111.         $(commentsBeta).each(function() {
  112.             // Hide comment and get width
  113.             if (!($(this).hasClass('hidden-comment'))) {
  114.                 var width = Number($(this).addClass('hidden-comment').hide().attr('width').slice(0,-1));
  115.                 var current = $(this).next('.container-comment');
  116.                 
  117.                 // Iterate through the comments until there's a width that is greater than or equal
  118.                 while (true) {
  119.                     if (current.length) {
  120.                         if (Number(current.attr('width').slice(0,-1)) < width) {
  121.                             current.addClass('hidden-comment').hide();
  122.                             current = current.next('.container-comment');
  123.                         } else {
  124.                             break;
  125.                         }
  126.                     } else {
  127.                         break;
  128.                     }
  129.                 }
  130.             }
  131.         });
  132.     }
  133.     
  134.     // Hide user notifications
  135.     function hideNotifications(username) {
  136.         var notification = $('.message-stream a[href="/user/' + username + '/"]').closest('li');
  137.         notification.addClass('hidden-notification').hide();
  138.         stylizeHidden(notification);
  139.         notification.children('input').prop('checked', true);
  140.         
  141.         // Classic only
  142.         notification.children('table').children('tbody').children('tr').children('td').children('.checkbox').children('input').prop('checked', true);
  143.     }
  144.     
  145.     function stylizeHidden(item) {
  146.         item.css('background-color', '#FFBBBB');
  147.         item.css('color', '#FF0000');
  148.         $('a:link', item).css('color', '#FF0000');
  149.         $('a:visited', item).css('color', '#FF0000');
  150.     }
  151.  
  152. // === UI ===
  153. // == Filter Toggle ==
  154. // Submissions
  155. function filtersSubs() {
  156.     if ($('.hidden-sub').length > 0) {
  157.         $display = '<input style="float:right;" id="faf-toggle-subs" class="button" type="button" value="Toggle Filtered Submissions (' + $('.hidden-sub').length + ')"></input>';
  158.         $('form').first().append($display);
  159.     }
  160. }
  161.  
  162. // Followed Submissions
  163. function filtersSubsFollow() {
  164.     if ($('.hidden-sub').length > 0) {
  165.         $display = '<input id="faf-toggle-subs" class="button" type="button" value="Toggle Filtered Submissions (' + $('.hidden-sub').length + ')"></input>';
  166.         $('.actions').append($display);
  167.     }
  168. }
  169.  
  170. // Shouts
  171. function filtersShouts() {
  172.     if ($('.hidden-shout').length > 0) {
  173.         $display = '<center><input id="faf-toggle-shouts" class="button" type="button" value="Toggle Filtered Shouts (' + $('.hidden-shout').length + ')"></input></center>';
  174.         // Classic
  175.         $('table[id^="shout-"]').first().prevAll('table.maintable:first').append($display);
  176.         // Beta
  177.         $('.shoutboxcontainer').append($display);
  178.     }
  179. }
  180.  
  181. // Shouts (Controls, Beta Only)
  182. function filtersShoutsControl() {
  183.     if ($('.hidden-shout').length > 0) {
  184.         $display = '<br><br><input id="faf-toggle-shouts" class="button" type="button" value = "Toggle Filtered Shouts (' + $('.hidden-shout').length + ')"></input>';
  185.         $('div[id="controlpanel"] .alignright').append($display);
  186.         $('.hidden-shout input').prop('checked', true);
  187.     }
  188. }
  189.  
  190. // Comments
  191. function filtersComments() {
  192.     if ($('.hidden-comment').length > 0) {
  193.         $display = '<input style="float:right;" id="faf-toggle-comments" class="button" type="button" value="Toggle Filtered Comments (' + $('.hidden-comment').length + ')"></input>';
  194.         // Classic
  195.         $('table.container-comment').first().parent().parent().prev().children().append($display);
  196.         // Beta
  197.         $($display).insertAfter('.tags-row');
  198.     }
  199. }
  200.  
  201. // Notifications
  202. function filtersNotifications() {
  203.     if ($('.hidden-notification').length > 0) {
  204.         $display = '<input id="faf-toggle-notifications" class="button" type="button" value="Toggle Filtered Notifications (' + $('.hidden-notification').length + ')"></input>';
  205.         $('.global-controls').append($display);
  206.         
  207.         // = Notification Count =
  208.         // Classic
  209.         if ($('fieldset[id^="messages-watches"] .hidden-notification').length > 0)
  210.             $('fieldset[id^="messages-watches"] h3').append(' (' + $('fieldset[id^="messages-watches"] .hidden-notification').length + ' filtered)');
  211.         if ($('fieldset[id^="messages-comments-submission"] .hidden-notification').length > 0)
  212.             $('fieldset[id^="messages-comments-submission"] h3').append(' (' + $('fieldset[id^="messages-comments-submission"] .hidden-notification').length + ' filtered)');
  213.         if ($('fieldset[id^="messages-shouts"] .hidden-notification').length > 0)
  214.             $('fieldset[id^="messages-shouts"] h3').append(' (' + $('fieldset[id^="messages-shouts"] .hidden-notification').length + ' filtered)');
  215.         if ($('fieldset[id^="messages-favorites"] .hidden-notification').length > 0)
  216.             $('fieldset[id^="messages-favorites"] h3').append(' (' + $('fieldset[id^="messages-favorites"] .hidden-notification').length + ' filtered)');
  217.         
  218.         // Beta
  219.         if ($('div[id^="messages-watches"] .hidden-notification').length > 0)
  220.             $('div[id^="messages-watches"]').prev().find('h3').append(' (' + $('div[id^="messages-watches"] .hidden-notification').length + ' filtered)');
  221.         if ($('div[id^="messages-comments-submission"] .hidden-notification').length > 0)
  222.             $('div[id^="messages-comments-submission"]').prev().find('h3').append(' (' + $('div[id^="messages-comments-submission"] .hidden-notification').length + ' filtered)');
  223.         if ($('div[id^="messages-shouts"] .hidden-notification').length > 0)
  224.             $('div[id^="messages-shouts"]').prev().find('h3').append(' (' + $('div[id^="messages-shouts"] .hidden-notification').length + ' filtered)');
  225.         if ($('div[id^="messages-favorites"] .hidden-notification').length > 0)
  226.             $('div[id^="messages-favorites"]').prev().find('h3').append(' (' + $('div[id^="messages-favorites"] .hidden-notification').length + ' filtered)');
  227.         if ($('div[id^="messages-journals"] .hidden-notification').length > 0)
  228.             $('div[id^="messages-journals"]').prev().find('h3').append(' (' + $('div[id^="messages-journals"] .hidden-notification').length + ' filtered)');
  229.     }
  230. }
  231.  
  232. // Show/Hide Submissions
  233. $(document.body).on('click', '#faf-toggle-subs', function() {
  234.     $('.hidden-sub').toggle();
  235. });
  236.  
  237. // Show/Hide Shouts
  238. $(document.body).on('click', '#faf-toggle-shouts', function() {
  239.     $('.hidden-shout').toggle();
  240.     $('.hidden-shout-br').toggle();
  241. });
  242.  
  243. // Show/Hide Comments
  244. $(document.body).on('click', '#faf-toggle-comments', function() {
  245.     $('.hidden-comment').toggle();
  246. })
  247.  
  248. // Show/Hide Notifications
  249. $(document.body).on('click', '#faf-toggle-notifications', function() {
  250.     $('.hidden-notification').toggle();
  251. })
  252.  
  253. // == User Settings ==
  254. function displaySettings() {
  255.     // Navbar link
  256.     $('<li class="noblock"><a target="_blank" href="/controls/site-settings#fa-filter">FA Filter</a></li>').insertAfter($('li.sfw-toggle'));
  257.     
  258.     if (window.location.pathname.lastIndexOf('/controls/site-settings', 0) === 0) {
  259.         // Brute forced, but there are no tables in the beta layout site-settings page. This is one of the major differences.
  260.         if (!$('table').length) {
  261.             // Beta HTML Code
  262.             var settingsDisplay = '<div class="container-item-top" style="margin-top: 10px">' +
  263.                 '<h3 id="fa-filter">FA Filter</h3>' +
  264.                 'Hide the things that you dislike!' +
  265.             '</div>' +
  266.             '<div class="container-item-bot">' +
  267.                 '<div class="lineitem">' +
  268.                     '<div class="row">' +
  269.                         '<div class="cell mobiletoggle">' +
  270.                             '<strong>Add a User</strong><br/>' +
  271.                             '<p>Tired of seeing somebody\'s contributions on the site? Add them to your filter list!<br/><strong>Note:</strong> Enter in the username of the person you want to filter, which is the username that would appear after "furaffinity.net/user/".' +
  272.                         '</div>' +
  273.                         '<div class="cell mobiletoggle cptoggle">' +
  274.                             '<input class="textbox" type="text" id="faf-add-username" maxlength="50" style="margin-bottom:10px"></input><br\><input id="faf-add" class="button" type="button" value="Add User" />' +
  275.                         '</div>' +
  276.                     '</div>' +
  277.                 '</div>' +
  278.             '</div>' +
  279.             '<div class="maintable rounded">' +
  280.                 '<table class="sessions-list faf-list faf-list-beta" width="100%" cellspacing="0" cellpadding="0" border="0" style="padding:0 15px 10px 15px">' +
  281.                     '<tbody>' +
  282.                         '<tr>' +
  283.                             '<td class="p10t p5r p5b"><h3>Username</h3></td>' +
  284.                             '<td class="p10t p5r p5b" width="200px"><h3>Submissions</h3></td>' +
  285.                             '<td class="p10t p5r p5b" width="200px"><h3>Shouts</h3></td>' +
  286.                             '<td class="p10t p5r p5b" width="200px"><h3>Comments</h3></td>' +
  287.                             '<td class="p10t p5r p5b" width="200px"><h3>Notifications</h3></td>' +
  288.                         '</tr>' +
  289.                     '</tbody>' +
  290.                 '</table>' +
  291.             '</div>' +
  292.             '<div class="alignleft p10t">' +
  293.                 '<input class="button" id="faf-update" type="button" value="Update Filters"> <span class="faf-update-status" style="font-weight: bold; color: #006600; display: none;">Update successful!</span>' +
  294.             '</div>';
  295.             $(settingsDisplay).insertAfter('.container-item-bot-last');
  296.         } else {
  297.             // Classic HTML Code
  298.             var settingsDisplay = '<table id="fa-filter" cellpadding="0" cellspacing="1" border="0" class="section maintable"><tbody>' +
  299.                 '<tr><td height="22" class="cat links">&nbsp;<strong>FA Filter</strong></td></tr>' +
  300.                 '<tr><td class="alt1 addpad ucp-site-settings" align="center">' +
  301.                     '<table cellspacing="1" cellpadding="0" border="0"><tbody>' +
  302.                         '<tr>' +
  303.                             '<th><strong>Add a User</strong></th>' +
  304.                             '<td><input type="text" id="faf-add-username" maxlength="50"></input>&nbsp;<input id="faf-add" class="button" type="button" value="Add User"></td>' +
  305.                             '<td class="option-description">' +
  306.                                 '<h3>Hide a user\'s contributions to the site.</h3>' +
  307.                                 '<p>Tired of seeing somebody\'s contributions on the site? Add them to your filter list!<br>Note: Enter in the username of the person you want to filter, which is the username that would appear after "furaffinity.net/user/".</p>' +
  308.                             '</td>' +
  309.                         '</tr>' +
  310.                         '<tr>' +
  311.                             '<th class="noborder" style="vertical-align: text-top;"><strong style="position: relative; top: 25px;">Modify Filters</strong></th>' +
  312.                             '<td class="noborder">' +
  313.                                 '<table cellspacing="0" cellpadding="0" border="0" class="faf-list faf-list-classic">' +
  314.                                     '<tr><th><strong>Username</strong></th><th><strong>Submissions</strong></th><th><strong>Shouts</strong></th><th><strong>Comments</strong></th><th><strong>Notifications</strong></th></tr>' +
  315.                                 '</table>' +
  316.                                 '<br><br><input class="button" id="faf-update" type="button" value="Update Filters"> <span class="faf-update-status" style="font-weight: bold; color: #006600; display: none;">Update successful!</span>' +
  317.                             '</td>' +
  318.                             '<td class="option-description noborder">' +
  319.                                 '<h3>Choose what items you don\'t want to see.</h3>' +
  320.                                 '<p>If you still want to see some of the things that a user contributes, you can control that here.</p>' +
  321.                             '</td>' +
  322.                         '</tr>' +
  323.                     '</tbody></table>' +
  324.                 '</td></tr>' +
  325.                 '</tbody></table>';
  326.             $('form').append(settingsDisplay);
  327.         }
  328.         
  329.         // Populate list
  330.         $.each(userArray, function(username, data) {
  331.             addFilterUser(username, data);
  332.         });
  333.     }
  334. }
  335.  
  336. // Display user in the filter table
  337. function addFilterUser(username, data) {
  338.     // Classic
  339.     if ($('table.faf-list-classic').length) {
  340.         
  341.         var row = '<tr class="checked" id="filter-' + username + '"><td class="noborder"><a class="fa-filter-remove" id="faf-rm-' + username + '" href="#!">[x]</a> ' + username + '</td>';
  342.         if (data['subs'] === 1) { row += '<td class="noborder"><input id="faf-check-subs-' + username + '" type="checkbox" checked="checked"></td>'; } else { row += '<td class="noborder"><input id="faf-check-subs-' + username + '" type="checkbox"></td>'; }
  343.         if (data['shouts'] === 1) { row += '<td class="noborder"><input id="faf-check-shouts-' + username + '" type="checkbox" checked="checked"></td>'; } else { row += '<td class="noborder"><input id="faf-check-shouts-' + username + '" type="checkbox"></td>'; }
  344.         if (data['coms'] === 1) { row += '<td class="noborder"><input id="faf-check-coms-' + username + '" type="checkbox" checked="checked"></td>'; } else { row += '<td class="noborder"><input id="faf-check-coms-' + username + '" type="checkbox"></td>'; }
  345.         if (data['notifications'] === 1) { row += '<td class="noborder"><input id="faf-check-notifications-' + username + '" type="checkbox" checked="checked"></td>'; } else { row += '<td class="noborder"><input id="faf-check-notifications-' + username + '" type="checkbox"></td>'; }
  346.         
  347.         row += '</tr>';
  348.         
  349.         $('table.faf-list tr:last').after(row);
  350.     // Beta
  351.     } else {
  352.         var rowBeta = '<tr id="filter-' + username + '"><td class="p5r" valign="middle" width="auto"><a class="fa-filter-remove" id="faf-rm-' + username + '" href="#!">[x]</a> ' + username + '</td>';
  353.         if (data['subs'] === 1) { rowBeta += '<td class="p5r" valign="middle" width="auto"><input id="faf-check-subs-' + username + '" type="checkbox" checked="checked"></td>'; } else { rowBeta += '<td class="p5r" valign="middle" width="auto"><input id="faf-check-subs-' + username + '" type="checkbox"></td>'; }
  354.         if (data['shouts'] === 1) { rowBeta += '<td class="p5r" valign="middle" width="auto"><input id="faf-check-shouts-' + username + '" type="checkbox" checked="checked"></td>'; } else { rowBeta += '<td class="p5r" valign="middle" width="auto"><input id="faf-check-shouts-' + username + '" type="checkbox"></td>'; }
  355.         if (data['coms'] === 1) { rowBeta += '<td class="p5r" valign="middle" width="auto"><input id="faf-check-coms-' + username + '" type="checkbox" checked="checked"></td>'; } else { rowBeta += '<td class="p5r" valign="middle" width="auto"><input id="faf-check-coms-' + username + '" type="checkbox"></td>'; }
  356.         if (data['notifications'] === 1) { rowBeta += '<td class="p5r" valign="middle" width="auto"><input id="faf-check-notifications-' + username + '" type="checkbox" checked="checked"></td>'; } else { rowBeta += '<td class="p5r" valign="middle" width="auto"><input id="faf-check-notifications-' + username + '" type="checkbox"></td>'; }
  357.  
  358.         rowBeta += '</tr>';
  359.     
  360.         $('table.faf-list tr:last').after(rowBeta);
  361.     }
  362. }
  363.  
  364. // Add
  365. $(document.body).on('click', '#faf-add', function() {
  366.     var username = $.trim($('#faf-add-username').val());
  367.     $('#faf-add-username').val('');
  368.     if (username !== '') {
  369.         username = username.toLowerCase();
  370.         if (!(username in userArray)) {
  371.             userArray[username] = {'subs':1, 'shouts':1, 'coms':1, 'notifications':1};
  372.             addFilterUser(username, userArray[username]);
  373.         }
  374.     }
  375. });
  376.  
  377. // Remove
  378. $(document.body).on('click', 'a.fa-filter-remove', function(event) {
  379.     var username = event.target.id.substr(7);
  380.     delete userArray[username];
  381.     
  382.     // Replace periods/colons with escaped versions. Who the fuck allows periods in usernames, seriously?
  383.     userEsc = username.replace(/\./, '\\.');
  384.     userEsc = userEsc.replace(/:/, '\:');
  385.     
  386.     console.log(userEsc)
  387.     $('table.faf-list tr#filter-' + userEsc).remove();
  388. });
  389.  
  390. // Update
  391. $(document.body).on('click', '#faf-update', function() {
  392.     $('.faf-list tr[id^="filter-"]').each(function() {
  393.         var username = this.id.substr(7);
  394.         var vals = {'subs':0, 'shouts':0, 'coms':0, 'notifications':0};
  395.         
  396.         // Replace periods/colons with escaped versions. Who the fuck allows periods in usernames, seriously?
  397.         userEsc = username.replace(/\./, '\\.');
  398.         userEsc = userEsc.replace(/:/, '\:');
  399.         
  400.         // Check checkboxes
  401.         if ($('#faf-check-subs-' + userEsc).is(':checked')) { vals['subs'] = 1; }
  402.         if ($('#faf-check-shouts-' + userEsc).is(':checked')) { vals['shouts'] = 1; }
  403.         if ($('#faf-check-coms-' + userEsc).is(':checked')) { vals['coms'] = 1; }
  404.         if ($('#faf-check-notifications-' + userEsc).is(':checked')) { vals['notifications'] = 1; }
  405.         
  406.         userArray[username] = vals;
  407.     });
  408.     
  409.     // Save
  410.     writeSettings();
  411.     
  412.     // Display message
  413.     $('.faf-update-status').fadeIn('slow');
  414.     setTimeout(function() {
  415.         $('.faf-update-status').fadeOut('slow');
  416.     }, 5000);
  417. });
  418.  
  419. displaySettings();
  420.  
  421. setTimeout(parseSettings, 50);
  422. //setTimeout(parseTagSettings, 100);
  423.  
  424. // Submissions
  425. if (window.location.pathname.lastIndexOf('/browse', 0) === 0) setTimeout(filtersSubs, 100);
  426. else if (window.location.pathname.lastIndexOf('/favorites', 0) === 0) setTimeout(filtersSubs, 100);
  427. else if (window.location.pathname.lastIndexOf('/msg/submissions', 0) === 0) setTimeout(filtersSubsFollow, 100);
  428. // Shouts
  429. else if (window.location.pathname.lastIndexOf('/user', 0) === 0) setTimeout(filtersShouts, 100);
  430. else if (window.location.pathname.lastIndexOf('/controls/shouts', 0) === 0) setTimeout(filtersShoutsControl, 100);
  431. // Comments
  432. else if (window.location.pathname.lastIndexOf('/view', 0) === 0) setTimeout(filtersComments, 100);
  433. // Notifications
  434. else if (window.location.pathname.lastIndexOf('/msg/others', 0) === 0) setTimeout(filtersNotifications, 100);