MediaWiki:Common.js: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
Tag: Manual revert
No edit summary
Line 4: Line 4:
     var communityFeatured = $('#community-featured');
     var communityFeatured = $('#community-featured');
     var communityListFeatured = $('#community-list-featured');
     var communityListFeatured = $('#community-list-featured');
    console.log("Community List Featured found:", communityListFeatured.length > 0);
     var cards = $('.card');
     var cards = $('.card');
     var filteredCards = $('.filtered-list-item');
     var filteredCards = $('.filtered-list-item');
Line 88: Line 87:
     } else {
     } else {
         console.log("Button or Filters div not found with jQuery.");
         console.log("Button or Filters div not found with jQuery.");
    }
   
    function updateBorder() {
        var visibleItems = $('#list-list div.filtered-list-item').filter(function() {
            return $(this).css('display') !== 'none';
        });
        $('#list-list div.filtered-list-item').css('border-bottom', 'none');
        if (visibleItems.length === 1) {
            visibleItems.css('border-bottom', '1px solid black');
        }
     }
     }


    // Create a MutationObserver to monitor changes in the list
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
                updateBorder();
            }
        });
    });
    // Start observing the list for attribute changes
    $('#list-list div.filtered-list-item').each(function() {
        observer.observe(this, { attributes: true });
    });
    // Initial call to set the border correctly on page load
    updateBorder();
   
     // Delegate the mousedown event to the '.card' elements inside the '#list' container
     // Delegate the mousedown event to the '.card' elements inside the '#list' container
     $('#list').on('mousedown', '.card', function (event) {
     $('#list').on('mousedown', '.card', function (event) {

Navigation menu