☰

FA Content Filter

Filters user-defined content while browsing FA.

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

  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.3.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 = $('.t-image a[href="/user/' + username + '/"]').closest('.t-image');
  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-"] .avatarcell img[alt="' + username +'"]').closest('table[id^="shout-"]');
  76.         shoutBeta.addClass('hidden-shout').hide();
  77.         stylizeHidden(shoutBeta.find('.usercommentbubble'));
  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 = $('.usercommentseperator .avatarcell img[alt="' + username + '"]').closest('.usercommentseperator');
  109.         stylizeHidden(commentsBeta.find('.usercommentbubble'));
  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('.usercommentseperator');
  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('.usercommentseperator');
  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 ($('fieldset[id^="messages-watches"] .hidden-notification').length > 0)
  220.             $('fieldset[id^="messages-watches"] h2').append(' (' + $('fieldset[id^="messages-watches"] .hidden-notification').length + ' filtered)');
  221.         if ($('fieldset[id^="messages-comments-submission"] .hidden-notification').length > 0)
  222.             $('fieldset[id^="messages-comments-submission"] h2').append(' (' + $('fieldset[id^="messages-comments-submission"] .hidden-notification').length + ' filtered)');
  223.         if ($('fieldset[id^="messages-shouts"] .hidden-notification').length > 0)
  224.             $('fieldset[id^="messages-shouts"] h2').append(' (' + $('fieldset[id^="messages-shouts"] .hidden-notification').length + ' filtered)');
  225.         if ($('fieldset[id^="messages-favorites"] .hidden-notification').length > 0)
  226.             $('fieldset[id^="messages-favorites"] h2').append(' (' + $('fieldset[id^="messages-favorites"] .hidden-notification').length + ' filtered)');
  227.     }
  228. }
  229.  
  230. // Show/Hide Submissions
  231. $(document.body).on('click', '#faf-toggle-subs', function() {
  232.     $('.hidden-sub').toggle();
  233. });
  234.  
  235. // Show/Hide Shouts
  236. $(document.body).on('click', '#faf-toggle-shouts', function() {
  237.     $('.hidden-shout').toggle();
  238.     $('.hidden-shout-br').toggle();
  239. });
  240.  
  241. // Show/Hide Comments
  242. $(document.body).on('click', '#faf-toggle-comments', function() {
  243.     $('.hidden-comment').toggle();
  244. })
  245.  
  246. // Show/Hide Notifications
  247. $(document.body).on('click', '#faf-toggle-notifications', function() {
  248.     $('.hidden-notification').toggle();
  249. })
  250.  
  251. // == User Settings ==
  252. function displaySettings() {
  253.     // Navbar link
  254.     $('<li class="noblock"><a target="_blank" href="/controls/site-settings#fa-filter">FA Filter</a></li>').insertAfter($('li.sfw-toggle'));
  255.     
  256.     if (window.location.pathname.lastIndexOf('/controls/site-settings', 0) === 0) {
  257.         // Brute forced, but there are no tables in the beta layout site-settings page. This is one of the major differences.
  258.         if (!$('table').length) {
  259.             // HTML Code
  260.             var settingsDisplay = '<h2 id="fa-filter">FA Filter</h2>' +
  261.             '<div class="cplineitem">' +
  262.                 '<div class="cprow">' +
  263.                     '<div class="cpcell">' +
  264.                         '<strong>Add a User</strong><br/>' +
  265.                         '<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/".' +
  266.                     '</div>' +
  267.                     '<div class="cpcell cptoggle">' +
  268.                         '<input class="textbox" type="text" id="faf-add-username" maxlength="50"></input><br\><br\><input id="faf-add" class="button" type="button" value="Add User" />' +
  269.                     '</div>' +
  270.                 '</div>' +
  271.             '</div>' +
  272.             '<table id="activity-periods-list" class="maintable" width="100%" cellspacing="1" cellpadding="0" border="0">' +
  273.                 '<tbody>' +
  274.                     '<tr>' +
  275.                         '<td class="alt1">' +
  276.                             '<table class="maintable container faf-list" width="100%" cellspacing="1" cellpadding="2" border="0">' +
  277.                                 '<tr><td class="cat" align="left"><b>Username</b></td><td class="cat" width="200px"><b>Submissions</b></td><td class="cat" width="200px"><b>Shouts</b></td><td class="cat" width="200px"><b>Comments</b></td><td class="cat" width="200px"><b>Notifications</b></td></tr>' +
  278.                             '</table>' +
  279.                             '<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>' +
  280.                         '</td>' +
  281.                     '</tr>' +
  282.                 '</tbody>' +
  283.             '</table>';
  284.             $(settingsDisplay).insertAfter('.cplineitem:last');
  285.         } else {
  286.             // HTML Code
  287.             var settingsDisplay = '<table id="fa-filter" cellpadding="0" cellspacing="1" border="0" class="section maintable"><tbody>' +
  288.                 '<tr><td height="22" class="cat links">&nbsp;<strong>FA Filter</strong></td></tr>' +
  289.                 '<tr><td class="alt1 addpad ucp-site-settings" align="center">' +
  290.                     '<table cellspacing="1" cellpadding="0" border="0"><tbody>' +
  291.                         '<tr>' +
  292.                             '<th><strong>Add a User</strong></th>' +
  293.                             '<td><input type="text" id="faf-add-username" maxlength="50"></input>&nbsp;<input id="faf-add" class="button" type="button" value="Add User"></td>' +
  294.                             '<td class="option-description">' +
  295.                                 '<h3>Hide a user\'s contributions to the site.</h3>' +
  296.                                 '<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>' +
  297.                             '</td>' +
  298.                         '</tr>' +
  299.                         '<tr>' +
  300.                             '<th class="noborder" style="vertical-align: text-top;"><strong style="position: relative; top: 25px;">Modify Filters</strong></th>' +
  301.                             '<td class="noborder">' +
  302.                                 '<table cellspacing="0" cellpadding="0" border="0" class="faf-list">' +
  303.                                     '<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>' +
  304.                                 '</table>' +
  305.                                 '<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>' +
  306.                             '</td>' +
  307.                             '<td class="option-description noborder">' +
  308.                                 '<h3>Choose what items you don\'t want to see.</h3>' +
  309.                                 '<p>If you still want to see some of the things that a user contributes, you can control that here.</p>' +
  310.                             '</td>' +
  311.                         '</tr>' +
  312.                     '</tbody></table>' +
  313.                 '</td></tr>' +
  314.                 '</tbody></table>';
  315.             $('form').append(settingsDisplay);
  316.         }
  317.         
  318.         // Populate list
  319.         $.each(userArray, function(username, data) {
  320.             addFilterUser(username, data);
  321.         });
  322.     }
  323. }
  324.  
  325. // Display user in the filter table
  326. function addFilterUser(username, data) {
  327.     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>';
  328.     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>'; }
  329.     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>'; }
  330.     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>'; }
  331.     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>'; }
  332.     
  333.     row += '</tr>';
  334.  
  335.     $('table.faf-list tr:last').after(row);
  336. }
  337.  
  338. // Add
  339. $(document.body).on('click', '#faf-add', function() {
  340.     var username = $.trim($('#faf-add-username').val());
  341.     $('#faf-add-username').val('');
  342.     if (username !== '') {
  343.         username = username.toLowerCase();
  344.         if (!(username in userArray)) {
  345.             userArray[username] = {'subs':1, 'shouts':1, 'coms':1, 'notifications':1};
  346.             addFilterUser(username, userArray[username]);
  347.         }
  348.     }
  349. });
  350.  
  351. // Remove
  352. $(document.body).on('click', 'a.fa-filter-remove', function(event) {
  353.     var username = event.target.id.substr(7);
  354.     delete userArray[username];
  355.     
  356.     // Replace periods/colons with escaped versions. Who the fuck allows periods in usernames, seriously?
  357.     userEsc = username.replace(/\./, '\\.');
  358.     userEsc = userEsc.replace(/:/, '\:');
  359.     
  360.     console.log(userEsc)
  361.     $('table.faf-list tr#filter-' + userEsc).remove();
  362. });
  363.  
  364. // Update
  365. $(document.body).on('click', '#faf-update', function() {
  366.     $('.faf-list tr[id^="filter-"]').each(function() {
  367.         var username = this.id.substr(7);
  368.         var vals = {'subs':0, 'shouts':0, 'coms':0, 'notifications':0};
  369.         
  370.         // Replace periods/colons with escaped versions. Who the fuck allows periods in usernames, seriously?
  371.         userEsc = username.replace(/\./, '\\.');
  372.         userEsc = userEsc.replace(/:/, '\:');
  373.         
  374.         // Check checkboxes
  375.         if ($('#faf-check-subs-' + userEsc).is(':checked')) { vals['subs'] = 1; }
  376.         if ($('#faf-check-shouts-' + userEsc).is(':checked')) { vals['shouts'] = 1; }
  377.         if ($('#faf-check-coms-' + userEsc).is(':checked')) { vals['coms'] = 1; }
  378.         if ($('#faf-check-notifications-' + userEsc).is(':checked')) { vals['notifications'] = 1; }
  379.         
  380.         userArray[username] = vals;
  381.     });
  382.     
  383.     // Save
  384.     writeSettings();
  385.     
  386.     // Display message
  387.     $('.faf-update-status').fadeIn('slow');
  388.     setTimeout(function() {
  389.         $('.faf-update-status').fadeOut('slow');
  390.     }, 5000);
  391. });
  392.  
  393. displaySettings();
  394.  
  395. setTimeout(parseSettings, 50);
  396. //setTimeout(parseTagSettings, 100);
  397.  
  398. // Submissions
  399. if (window.location.pathname.lastIndexOf('/browse', 0) === 0) setTimeout(filtersSubs, 100);
  400. else if (window.location.pathname.lastIndexOf('/favorites', 0) === 0) setTimeout(filtersSubs, 100);
  401. else if (window.location.pathname.lastIndexOf('/msg/submissions', 0) === 0) setTimeout(filtersSubsFollow, 100);
  402. // Shouts
  403. else if (window.location.pathname.lastIndexOf('/user', 0) === 0) setTimeout(filtersShouts, 100);
  404. else if (window.location.pathname.lastIndexOf('/controls/shouts', 0) === 0) setTimeout(filtersShoutsControl, 100);
  405. // Comments
  406. else if (window.location.pathname.lastIndexOf('/view', 0) === 0) setTimeout(filtersComments, 100);
  407. // Notifications
  408. else if (window.location.pathname.lastIndexOf('/msg/others', 0) === 0) setTimeout(filtersNotifications, 100);