UserScript zum Öffnen aller Benachrichtigungen

[sp00n82]

Vielleicht kann das ja jemand gebrauchen. Ich hab vor einiger Zeit mal ein UserScript (GreaseMonkey, ViolentMonkey) für Firefox gebastelt, das im Benachrichtigungs-Popup einen Link einfügt, mit dem man mit nur einem Klick jede neue Benachrichtigung in einem eigenen neuen Tab öffnen kann. Das spart dann doch je nach Anzahl der Benachrichtigungen eine ganze Menge Klicks.

Ein paar Einschränkungen gibt es allerdings:

• ich habe es nur mit Firefox und ViolentMonkey getestet
• im Firefox funktioniert das nur, wenn man in den Einstellungen folgendes ändert:
  Firefox Options -> Privacy & Security -> Permissions -> Block pop-up windows -> Exceptions -> Add "https://www.mtb-news.de" to the Allowed Websites list
  Ansonsten wird dem Script nicht erlaubt, neue Tabs zu öffnen, und es passiert gar nix
• wenn es mehr Benachrichtigungen gibt, als in dem Popup angezeigt werden können, dann werden diese nicht geöffnet

Der Code:

Spoiler

// ==UserScript==
// @name        mtb-news.de - Add Open New Notifications Link
// @namespace   net.sp00n
// @match       https://www.mtb-news.de/forum/*
// @grant       none
// @version     1.2
// @author      sp00n
// @description Firefox Options -> Privacy & Security -> Permissions -> Block pop-up windows -> Exceptions -> Add "https://www.mtb-news.de" to the Allowed Websites list
// ==/UserScript==

// Adds an "open new" link to the header of the notification popup
(function() {
    console.log("Init mtb-news notification observer");
    
    var $ = jQuery;
    var button, buttonString, observeElement, observer, config, li, addOpenAllLink, domain;
    
    buttonString = "Neue öffnen";
    domain = "https://www.mtb-news.de";

    // Add the open all link element
    addOpenAllLink = function(ele) {
        var header = ele.find(".menu-header");

        // The open new link already exists
        if ( header.find(".open-all-notifications").length > 0 ) {
            console.log("Link already exits, aborting!");
            return false;
        }
        
        // Create the link element
        button = $("<button />")
            .addClass("open-all-notifications button--primary button button--icon button--icon--notificationsOn")
            .css({
                  "font-size"       : "0.7em"
                , "position"        : "relative"
                , "left"            : "1.5em"
            })
        ;

        button.append(
            $("<span />")
            .addClass("button-text")
            .text(buttonString)
        );
        

        // And the click observer
        button.on("mousedown", function(event) {
            // Handle only left and middle mouse clicks
            if ( event.which > 2 ) {
                return;
            }

            event.preventDefault();

            var   list  = ele.find(".listPlain")
                , lis   = list.find("li.menu-row.is-unread")
                , as    = lis.find("a.fauxBlockLink-blockLink")
                , links = as.map(function() {
                    return $(this).attr("href");
                })
                , counter = 1
            ;
            
            // Open each link in a new window (tab)
            links.each(function(key, link) {
                window.open(domain + link, "_newtab_" + counter);
                counter++;
            });
        });

        header.append(button);
    };
    
    
    // Observe the notification popup element
    observeElement = $("div.menu[data-href='/forum/account/alerts-popup']").get(0);

    // Set up a Mutation Observer
    config = {
          attributes        : true
        , attributeOldValue : true
        , attributeFilter   : ["class"]
    };
    
    // Observe it for class changes (which happens when it gets openend)
    observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if ( mutation.attributeName == "class" ) {
                var ele = $(mutation.target);
                
                // The popup has finished opening, now we can add the open all link
                if ( ele.hasClass("is-active is-complete") && !ele.hasClass("is-transitioning") ) {
                    addOpenAllLink(ele);
                }
            }
        });
    });

    observer.observe(observeElement, config);
})();

So sieht das dann aus, oben rechts ist der neue Button zum Öffnen aller neuen Benachrichtigungen (Bild von @HTWolfi):

 

[HTWolfi]

@sp00n82
Vielen Danke für das Script. Hab's installiert und es funktioniert bestens.

Hab dann aber noch eine Kleinigkeit für mich angepasst.
Und zwar hab ich den Link von unten aus dem »footer« nach oben in den »header« gezogen. Dort steht er dann fix an einer Position und spart der Maus einiges an Wege.
Die Größe vom Benachrichtigungs-Popup ist ja auch immer abhängig von der Anzahl der Benachrichtigungen.

Optisch den Link noch etwas hervorgehoben, sieht das bei mir jetzt so aus.

 

[sp00n82]

Yo, angeschaut und für gut befunden! ?

Die neue Version ist oben eingetragen, bei der dann auch noch gleich Klicks mit dem mittleren Mausbutton mit beachtet werden. Das ist bei dem neuen Button-Design zwar jetzt eigentlich kein Thema mehr, aber bei dem alten Link war das so in meinem Muskelgedächtnis eingebrannt, dass ich manchmal gemacht hatte, und dann war auf einmal gar nix neu geöffnet.

 

[HTWolfi]

Das ging ja schnell.
Ich hab dafür einen halben Tag gebraucht.

Beim neuen Code im Spoiler hat es einen Fehler, ich vermute die letzte Zeile.
Daher hat es eventuell auch den »Userscript Header« zerschossen --> teilweise Großbuchstaben nach dem @

Vielleicht kannst du das noch ausbessern.

 

[sp00n82]

Blarg, ja, ich hab beim Kopieren den Code-Tag zerschossen, deswegen hat der aus den ganzen @s versucht, einen Forumsnamen dazu zu finden.

 

[sp00n82]

Upgedatet, weil sich beim Forum etwas verändert hat.