MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */
 $(function(){
  $('.card').on('mousenter', function(event){
    event.preventDefault();
    $(this).toggleClass('hovered');
  });
   $('.card').on('mouseleave', function(event){
    event.preventDefault();
    $(this).toggleClass('hovered');
  });
});
document.querySelectorAll('.sub-card').forEach(card => {
    card.addEventListener('click', function(event) {
        event.stopPropagation(); // Prevent event bubbling

        // Toggle the expanded state of the clicked card
        const isExpanded = card.getAttribute('data-expanded') === 'true';
        
        // Flip the current sub-card
        card.setAttribute('data-expanded', isExpanded ? 'false' : 'true');

        // Hide all other sub-cards
        document.querySelectorAll('.sub-card').forEach(otherCard => {
            if (otherCard !== card) {
                otherCard.setAttribute('data-expanded', 'false');
            }
        });
    });
});

document.querySelectorAll('.card').forEach(card => {
    card.addEventListener('mouseleave', function() {
        // Collapse all sub-cards when mouse leaves the main card
        document.querySelectorAll('.sub-card').forEach(subCard => {
            subCard.setAttribute('data-expanded', 'false');
        });
    });
});

$(document).ready(function() {
    // Wait until the page actions menu is fully loaded
    mw.util.addPortletLink(
        'p-cactions',           // The ID of the page action menu container
        '#',                     // The link URL, # is a placeholder
        'Add Category',          // The text to display
        'ca-add-category',       // The ID to apply to the new item
        'Add a category to this page',  // The tooltip text
        '',                      // CSS class (optional)
        function () {
            // Prompt the user to input a category
            var categoryName = prompt("Enter category name:");
            if (categoryName) {
                // Add the category to the page if user provides a name
                var categoryMarkup = "[[Category:" + categoryName + "]]";
                mw.toolbar.insertText(categoryMarkup);  // Insert the category text into the editor
            }
        }
    );
});