MediaWiki:Common.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)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
mw.loader.load('/index.php?title=MediaWiki:CopyEmbeddedStory.js&action=raw&ctype=text/javascript');

window.addEventListener('scroll', function() {
  const navbar = document.getElementById('mw-navigation');
  if (window.scrollY > 0) {
    navbar.classList.add('scrolled');
  } else {
    navbar.classList.remove('scrolled');
  }
});

function scrollToAnchor(anchorId) {
    const element = document.getElementById(anchorId);
    const navbarHeight = 50;
    if (element) {
        // Calculate the adjusted scroll position
        const elementPosition = element.getBoundingClientRect().top + window.pageYOffset;
        const offsetPosition = elementPosition - navbarHeight;

        // Scroll to the adjusted position
        window.scrollTo({
            top: offsetPosition,
            behavior: 'smooth'
        });
    }
}
function drilldownswitcher() {
    $('#drilldown-switch:contains("Show all filters")').length ? ($(".drilldown-filter-values:has(a)").css("display", "block"),
            $(".drilldown-values-toggle").each(function () {
                $("img").each(function () {
                    $(this).attr("src", $(this).attr("src").replace("right-arrow.png", "down-arrow.png"));
                });
            }),
            (document.getElementById("drilldown-switch").innerHTML = 'Hide all filters <i class="fa fa-minus"></i>'))
        : $('#drilldown-switch:contains("Hide all filters")').length &&
        ($(".drilldown-filter-values:has(a)").css("display", "none"),
            $(".drilldown-values-toggle").each(function () {
                $("img").each(function () {
                    $(this).attr("src", $(this).attr("src").replace("down-arrow.png", "right-arrow.png"));
                });
            }),
            (document.getElementById("drilldown-switch").innerHTML = 'Show all filters <i class="fa fa-plus"></i>'));
}
$(document).ready(function () {
    $(".drilldown-results").css({ "-webkit-filter": "blur(0)", "-moz-filter": "blur(0)", "-o-filter": "blur(0)", "-ms-filter": "blur(0)", filter: "blur(0)" }), $(".drilldown-filter-values:has(a)").css("display", "none");
    $('<br /><h3 class="drilldown-pre-header">1. Selected Filters</h3>').insertBefore("#drilldown-applied-filters"),
    $('<h3 class="drilldown-pre-filters">2. Available Filters</h3>').insertBefore("#drilldown-applicable-filters"),
    $('<h3 class="drilldown-post-filters">3. Filtered Results</h3>').insertAfter("#drilldown-applicable-filters"),
    $('<html><div class="drilldown-btn-wrapper"><a class="btn primary-btn" href="javascript:;" onclick="drilldownswitcher()" id="drilldown-switch">Show all filters <i class="fa fa-plus"></i></a></div></html>').insertBefore("#drilldown-filters");
    $(".drilldown-values-toggle").each(function () {
    	$("img").each(function () {
        	$(this).attr("src", $(this).attr("src").replace("down-arrow.png", "right-arrow.png"));
    	});
    });

    if( mw.storage.get( "wip-dismissed" ) === null || JSON.parse(mw.storage.get( "wip-dismissed" )) === false){
    	$( ".wip-alert" ).fadeIn( "slow", function() {});
    }
    
    $( "#close-wip" ).on( "click", function() {
	  mw.storage.set( "wip-dismissed", true );
	  $( ".wip-alert" ).fadeOut( "slow", function() {});
    } );
})

$(document).ready(function() {
    $('[data-toggle="tooltip"]').tooltip();
});

$(document).ready(function () {
  $('#tree-filter').on('input', function () {
    const query = $(this).val().toLowerCase();

    $('#motif-tree li').each(function () {
      const $li = $(this);
      const $link = $li.children('a');
      const text = $link.text().toLowerCase();

      const matches = text.includes(query);

      // Initially hide everything
      $li.data('match', matches).hide();
    });

    // Show matching items and their ancestors
    $('#motif-tree li').each(function () {
      const $li = $(this);
      if ($li.data('match')) {
        $li.show();
        $li.parentsUntil('#motif-tree', 'li').show();
      }
    });

    // If input is empty, show all
    if (query === '') {
      $('#motif-tree li').show();
    }
  });
});

function toggleTreeNode(element) {
    var childrenDiv = element.parentElement.nextElementSibling;
    
    if (childrenDiv && childrenDiv.classList.contains('smw-tree-children')) {
        if (childrenDiv.style.display === 'none') {
            childrenDiv.style.display = 'block';
            element.classList.add('expanded');
        } else {
            childrenDiv.style.display = 'none';
            element.classList.remove('expanded');
        }
    }
}

// Optional: Add expand/collapse all functionality
function expandAllTreeNodes() {
    document.querySelectorAll('.smw-tree-toggle').forEach(function(toggle) {
        var childrenDiv = toggle.parentElement.nextElementSibling;
        if (childrenDiv && childrenDiv.classList.contains('smw-tree-children')) {
            childrenDiv.style.display = 'block';
            toggle.classList.add('expanded');
        }
    });
}

function collapseAllTreeNodes() {
    document.querySelectorAll('.smw-tree-toggle').forEach(function(toggle) {
        var childrenDiv = toggle.parentElement.nextElementSibling;
        if (childrenDiv && childrenDiv.classList.contains('smw-tree-children')) {
            childrenDiv.style.display = 'none';
            toggle.classList.remove('expanded');
        }
    });
}

$(document).ready(function () {
  // Note: Nested ULs are already hidden via CSS to prevent FOUC
  
  // Iterate each LI that contains a UL as immediate child
  $('.collapsible-tree > ul li:has(> ul)').each(function () {
    const $parentLi = $(this);
    const $subUl = $parentLi.children('ul');
    const $toggleIcon = $('<i class="js-toggle-icon">+</i>');

    // Add class for styling and prepend toggle icon
    $parentLi.addClass('has-children').prepend($toggleIcon);

    // Attach event handler to the toggle icon
    $toggleIcon.on('click', function (e) {
      e.stopPropagation(); // Prevent event bubbling
      const isCollapsed = $(this).text() === '+';
      
      $(this).text(isCollapsed ? '−' : '+'); // Using minus sign (−) for better appearance
      $subUl.slideToggle(200); // Slightly faster animation
    });
  });
});