MediaWiki:Common.js

From Voices of the Void Wiki
Jump to navigation Jump to search

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.
/* Any JavaScript here will be loaded for all users on every page load. */
/*** Content Width Toggle ***/
$(function(){
	$body = $('body');
	$('<div id="nav-content-size-toggle"><span>Toggle</span></div>')
	.prependTo($('#mw-head'))
	.on('click', function(){
		$body.toggleClass('content-size-expanded');
		$(window).trigger('resize');
	});
});
/*** End Content Width Toggle ***/

/*** Mobile Navigation Toggle Button ***/
$( function () {
		var mobileSidebarButton = document.createElement( 'button' );
		mobileSidebarButton.className = 'mobile-nav-toggle';
		mobileSidebarButton.addEventListener( 'click', function () {
				mobileSidebarButton.classList.toggle( 'nav--expanded' );
		} );
		document.getElementById( 'mw-panel' ).prepend( mobileSidebarButton );
} );
/*** End Mobile Navigation Toggle Button ***/

/*** DRUID ***/
$(function () {
  $(".druid-title-tab").off("click")
    .on('click', function () {
      var $parent = $(this).closest(".druid-container");
      $parent.find(".druid-toggleable").removeClass("focused");
      var i = $(this).attr("data-druid");
      $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused");
  });
    
  $(".druid-section-tab").off("click")
    .on('click', function () {
      var $parent = $(this).closest(".druid-section-container");
      $parent.find(".druid-toggleable").removeClass("focused");
      var i = $(this).attr("data-druid");
      $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused");
  });

  $(".druid-collapsible").off("click")
    .on('click', function () {
      var kind = $(this).attr("data-druid-section");
      $(this).toggleClass("druid-collapsible-collapsed");
      $(this)
        .closest(".druid-container")
        .find("[data-druid-section-row=" + kind + "]")
        .toggleClass("druid-collapsed");
  });
});

/*** End DRUID ***/

/*** [[Template:Spoiler]] ***/
$(function () {
	$('.spoiler-content')
	.off('click') // in case this code is loaded twice
	.on('click', function(e){
		$(this).toggleClass('show');
	}).find('a').on('click', function(e){
		e.stopPropagation();
	});

});
/*** End [[Template:Spoiler]] ***/