MediaWiki:Citizen.js: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 28: Line 28:
 
}
 
}
   
var observer = new MutationObserver(handleMutations);
 
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['aria-disabled'] });
 
   
 
$(document).ready(function () {
 
$(document).ready(function () {
 
console.log('Checking initial state');
 
console.log('Checking initial state');
 
var observer = new MutationObserver(handleMutations);
 
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['aria-disabled'] });
  +
  +
 
$('.oo-ui-buttonElement-button').each(function (index, element) {
 
$('.oo-ui-buttonElement-button').each(function (index, element) {
 
console.log('Handling initial element');
 
console.log('Handling initial element');

Revision as of 01:13, 15 October 2023

function isUserLoggedIn() {
    return !mw.user.isAnon();
}

function handleElement($element) {
    if ($element.attr('aria-disabled') === 'true') {
        console.log('User not logged in; adding login message');
        $element.after('<p>Please <a href="/wiki/Special:UserLogin">login</a> or <a href="/wiki/Special:UserSignup">sign up</a> to continue.</p>');
    } else {
        console.log('User is logged in; no message added');
    }
}

function handleMutations(mutationsList) {
    mutationsList.forEach(function (mutation) {
        if (mutation.type === 'childList') {
            Array.prototype.forEach.call(mutation.addedNodes, function (node) {
                if ($(node).hasClass('oo-ui-buttonElement-button')) {
                    console.log('Handling dynamic element');
                    handleElement($(node));
                }
            });
        } else if (mutation.type === 'attributes' && mutation.attributeName === 'aria-disabled') {
            console.log('Handling attribute change');
            handleElement($(mutation.target));
        }
    });
}


$(document).ready(function () {
    console.log('Checking initial state');
    var observer = new MutationObserver(handleMutations);
	observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['aria-disabled'] });


    $('.oo-ui-buttonElement-button').each(function (index, element) {
        console.log('Handling initial element');
        handleElement($(element));
    });
});