☰

Facebook YOUR Notifications Highlighter

Highlights the more interesting notifications for YOU.

当前为 2017-03-27 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Facebook YOUR Notifications Highlighter
  3. // @namespace    http://www.JamesKoss.com/
  4. // @version      1.3.4
  5. // @description  Highlights the more interesting notifications for YOU.
  6. // @author       James Koss
  7. // @match        https://www.facebook.com/*
  8. // @supportURL   https://greasyfork.org/en/scripts/27189-facebook-your-notifications-highlighter/feedback
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.     
  14.     var first = true;
  15.     var timed = false;
  16.     var scrolled = false;
  17.     
  18.     // Update notifications on scrolling.
  19.     // Not too often. Arbitrary delay.
  20.     function onScrollNots() {
  21.         if (scrolled === false) {
  22.             scrolled = true;
  23.             
  24.             updateNotifications();
  25.             // Delay until next check from scroll. Arbitrary delay.
  26.             setTimeout(function() { scrolled = false; }, 1000);
  27.         }
  28.     }
  29.     
  30.     // After clicking the notification, remove highlight color and eventListener.
  31.     function removeHighlight(e) {
  32.         e.currentTarget.removeEventListener("click", removeHighlight, false);
  33.         
  34.         e.currentTarget.style.backgroundColor = "";
  35.         if (e.currentTarget.paramA !== null) {
  36.             e.currentTarget.paramA.style.backgroundColor = "";
  37.         }
  38.     }
  39.     
  40.     // Update relevant notifications with highlight.
  41.     function updateNotifications() {
  42.         // Delay before element updates, so they load first. Arbitrary delay!
  43.         if (timed === false) {
  44.             setTimeout(function(){ timed = true; updateNotifications(); }, 1000);
  45.             return;
  46.         }
  47.         
  48.         // On first viewing, add updating when scrolling the notifications.
  49.         if (first === true) {
  50.             first = false;
  51.             var scrolledArea = document.querySelector('div[class="uiScrollableAreaWrap scrollable"]');
  52.             scrolledArea.addEventListener("scroll", onScrollNots);
  53.         }
  54.         
  55.         var notificationsHolder = document.querySelector('div[class="_33p"]');
  56.         // Only check new notifications.
  57.         var notificationsNew = notificationsHolder.querySelectorAll('li[class="_33c jewelItemNew"]');
  58.  
  59.         for (var i = 0; i < notificationsNew.length; i++) {
  60.             var current = notificationsNew[i];
  61.             
  62.             var notificationParent = current.querySelector('div[class="_4l_v"]');
  63.             var notificationYour = notificationParent.querySelectorAll('span');
  64.             
  65.             // match 1 for interest highlight, 2 for "Like" highlight.
  66.             var match = false;
  67.             for (var j=0; j < notificationYour.length; j++) {
  68.                 var cur = notificationYour[j];
  69.                 var t = cur.textContent;
  70.                 
  71.                 // Relevant text inside notification element.
  72.                 if (t.indexOf("replied to your") !== -1 ||
  73.                     t.indexOf("commented on your") !== -1 ||
  74.                     t.indexOf("shared your") !== -1 ||
  75.                     t.indexOf("mentioned you") !== -1 ||
  76.                     t.indexOf("tagged you") !== -1 ||
  77.                     t.indexOf("you're tagged in") !== -1 ||
  78.                     t.indexOf("made you") !== -1 ||
  79.                     t.indexOf("also replied") !== -1 ||
  80.                     (t.indexOf("replied to") !== -1 && t.indexOf("on your") !== -1)) {
  81.                     match = 1;
  82.                     break;
  83.                 } else if (t.indexOf("likes your") !== -1 ||
  84.                           t.indexOf("like your") !== -1 ||
  85.                           t.indexOf("liked your") !== -1) {
  86.                     match = 2;
  87.                     break;
  88.                 } else if (t.indexOf("approved your") !== -1 ||
  89.                           t.indexOf("changed the name of the") !== -1 ||
  90.                           t.indexOf("changed the type of the") !== -1) {
  91.                     match = 3;
  92.                     break;
  93.                 } else if (t.indexOf("needs review") !== -1 ||
  94.                            t.indexOf("your Timeline") !== -1 ||
  95.                            t.indexOf("flagged as possible spam") !== -1) {
  96.                     match = 4;
  97.                     break;
  98.                 }
  99.             }
  100.             
  101.             // No match.
  102.             if (match === false) {
  103.                 continue;
  104.             }
  105.             
  106.             // Select color by matching value.
  107.             var color;
  108.             switch(match) {
  109.                 case 1:
  110.                     color = "#c3d4ef"; // darker blue
  111.                     break;
  112.                 case 2:
  113.                     color = "#faedf8"; // light pink
  114.                     break;
  115.                 case 3:
  116.                     color = "#d7f4d7"; // light green
  117.                     break;
  118.                 case 4:
  119.                     color = "#dec3ef"; // darker purple
  120.                     break;
  121.             }
  122.             
  123.             // Update the li & a elements backgrounds.
  124.             var a = current.querySelector('a[class="_33e _1_0e"]');
  125.             if (a !== null) {
  126.                 a.style.backgroundColor = color;
  127.             }
  128.             current.style.backgroundColor = color;
  129.             
  130.             current.paramA = a; // Pass to object, for highlight removal after clicked.
  131.             current.addEventListener("click", removeHighlight, false);
  132.         }
  133.         
  134.         timed = false;
  135.     }
  136.     
  137.     // Right-Clicking the notifications button on FB.
  138.     function onclickJewel(e) {
  139.         if (e.which === 1) {
  140.             updateNotifications();
  141.         }
  142.     }
  143.     
  144.     // Listen to a click on the notifications button on FB.
  145.     var fbNotificationsJewel = document.getElementById("fbNotificationsJewel");
  146.     fbNotificationsJewel.addEventListener("click", onclickJewel);
  147. })();