MediaWiki:Mobile.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.

/* All JavaScript here will be loaded for users of the mobile site */
// Election Infobox
$(document).ready(function() {
    var parties = ["party1", "party2", "party3", "party4"]; // Added party4

    parties.forEach(function(party) {
        var element = $("[data-source='" + party + "']");
        if (element.length > 0) {
            var partyNameElement = element.find("b").first();
            if (partyNameElement.length > 0) {
                var partyName = partyNameElement.text().split('\n')[0].trim();
                switch (partyName) {
                    case "Conservative":
                        element.addClass("party-conservative");
                        partyNameElement.addClass("party-name-conservative");
                        break;
                    case "Liberal":
                        element.addClass("party-liberal");
                        partyNameElement.addClass("party-name-liberal");
                        break;
                    case "Labour":
                        element.addClass("party-labour");
                        partyNameElement.addClass("party-name-labour");
                        break;
                    case "Independent":
                        element.addClass("party-independent");
                        partyNameElement.addClass("party-name-independent");
                        break;
                    case "Ind. Labour":
                        element.addClass("party-independent-labour");
                        partyNameElement.addClass("party-name-independent-labour");
                        break;
                }
            }
        }
    });
});

/*PRP Page styles*/
$(document).ready(function() {
  if (!window.location.search.includes("action=edit")) {
    $('body').addClass('prp-page-specific-styles');
  }
});

/*CommentStreams*/
$(document).ready(function() {
    console.log("Document is ready");

    // Function to add the warning message
    function addCommentsWarning() {
        if ($('.cs-comments').length > 0) {
            if (!$('.comments-mobile-warning').length) { // Check if the warning message is not already added
                var warningMessage = $('<p class="comments-mobile-warning">Comments<br/>Note: Adding comments does not work on mobile devices.</p>');
                $('.cs-comments').before(warningMessage);
                console.log("Comments warning added");
            }
        } else {
            console.log("No .cs-comments element found");
        }
    }

    // Initial check for the element
    addCommentsWarning();

    // Set up a MutationObserver to watch for the element being added dynamically
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.addedNodes.length) {
                addCommentsWarning();
            }
        });
    });

    // Start observing the body for changes
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

    console.log("MutationObserver is set up");
});