MediaWiki:Citizen.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

$(document).ready(function() {
    // Check if the user is not logged in
    if (mw.user.isAnon()) {
        var handleElements = function() {
            // Select the elements with the specified class
            var elements = $('.oo-ui-buttonElement-button');

            // Iterate through the selected elements
            elements.each(function() {
                var $element = $(this);

                // Check if aria-disabled is set to "true"
                if ($element.attr('aria-disabled') === 'true') {
                    // Create a new HTML snippet with MediaWiki links
                    var loginMessage = '<p>Please <a href="/wiki/Special:UserLogin">login</a> or <a href="/wiki/Special:CreateAccount">sign up</a> to continue.</p>';

                    // Check if the message is already present to avoid duplication
                    if (!$element.next().hasClass('login-message')) {
                        // Insert the message after the disabled button
                        $element.after(loginMessage);
                    }
                }
            });
        };

        // Initial check
        handleElements();

        // Use delegated event handling to handle dynamically added elements
        $(document).on('DOMNodeInserted', function(event) {
            var target = $(event.target);

            // Check if the target has the specified class
            if (target.hasClass('oo-ui-buttonElement-button')) {
                handleElements();
            }
        });
    }
});