MediaWiki:Common.js: Difference between revisions

From Business Heroes Food Truck Simulation
No edit summary
No edit summary
Line 3: Line 3:
$('#p-contentnavigation').append($('#editor-menu'));
$('#p-contentnavigation').append($('#editor-menu'));


const server = mw.config.get ( 'wgServer' );
const server     = mw.config.get ( 'wgServer' );
const path   = mw.config.get ( 'wgScriptPath' );
const path       = mw.config.get ( 'wgScriptPath' );
const classes = ['im-marketing', 'im-finance', 'im-operations', 'im-planning', 'im-hr', 'im-accounting'];
const classes   = ['im-marketing', 'im-finance', 'im-operations', 'im-planning', 'im-hr', 'im-accounting'];
const manpage = window.location.pathname.replace(/\/index\.php\//, '');
const manpage   = window.location.pathname.replace(/\/index\.php\//, '');
const curpage = mw.config.get( 'wgTitle' );
const curpage   = mw.config.get( 'wgTitle' );
const categories = mw.config.get('wgCategories');
const categories = mw.config.get( 'wgCategories' );


// add a link and click event to the dropdown togglers, remember the active dropdown
// add a link and click event to the dropdown togglers, remember the active dropdown
Line 47: Line 47:


function getActiveCategory() {
function getActiveCategory() {
   const activeCategory = categories.find(category => category.toLowerCase() === manpage.toLowerCase());
   var cat = [];
   if (activeCategory) {
  cat = mw.config.get('wgCategories');
     $(`.im-${activeCategory.toLowerCase()}`).parent().addClass('im-active');
   if (cat) {
     $('.im-' + cat.toLowerCase()).parent().addClass('im-active');
   } else {
   } else {
     $(`.im-${activeCategory.toLowerCase()}`).parent().removeClass('im-active');
     $('.im-' + cat.toLowerCase()).parent().removeClass('im-active');
   }
   }
}
}
Line 57: Line 58:
/**
/**
function getActiveCategory(){
function getActiveCategory(){
var cat = [];
 
cat = mw.config.get('wgCategories');
if(cat.includes("Planning")) {
if(cat.includes("Planning")) {
     $('.im-planning').parent().addClass('im-active');
     $('.im-planning').parent().addClass('im-active');

Revision as of 22:39, 19 December 2022

/* Any JavaScript here will be loaded for all users on every page load. */

$('#p-contentnavigation').append($('#editor-menu'));

const server     = mw.config.get ( 'wgServer' );
const path       = mw.config.get ( 'wgScriptPath' );
const classes    = ['im-marketing', 'im-finance', 'im-operations', 'im-planning', 'im-hr', 'im-accounting'];
const manpage    = window.location.pathname.replace(/\/index\.php\//, '');
const curpage    = mw.config.get( 'wgTitle' );
const categories = mw.config.get( 'wgCategories' );

// add a link and click event to the dropdown togglers, remember the active dropdown
$('#top-panel .dropdown-toggle').each(function(i,v){
	var p = $(v).text();
	var url = new URL( server + path + '/index.php/' + encodeURIComponent(p));
	$(v).attr('href', url);

	$(v).on('click', function(e){
		e.stopPropagation();
		$(v).click;
	});
});

// on page load check its category and name to highlight menu items
$('#top-panel a.dropdown-toggle').each(function(i,v){
   var p = new URL($(v).attr('href')).pathname.replace(/%20/g, ' ').replace(/\/index\.php\//, '');
   if(p === curpage){
      $(v)
        .addClass('show')
        .attr('aria-expanded','true')
        .parent()
        .addClass('position-static show')
        .find('.dropdown-menu')
        .show();
   } else {
      $(v)
        .removeClass('show')
        .attr('aria-expanded','false')
        .parent()
        .removeClass('position-static show')
        .find('.dropdown-menu')
        .hide();
   }
});

getActiveCategory();

function getActiveCategory() {
  var cat = [];
  cat = mw.config.get('wgCategories');
  if (cat) {
    $('.im-' + cat.toLowerCase()).parent().addClass('im-active');
  } else {
    $('.im-' + cat.toLowerCase()).parent().removeClass('im-active');
  }
}

/**
function getActiveCategory(){

	if(cat.includes("Planning")) {
    	$('.im-planning').parent().addClass('im-active');
	} else if(cat.includes("Finance")) {
		$('.im-finance').parent().addClass('im-active');
	} else if(cat.includes("Marketing")) {
		$('.im-marketing').parent().addClass('im-active');
	} else if(cat.includes("Operations")) {
		$('.im-operations').parent().addClass('im-active');
	} else if(cat.includes("HR")) {
		$('.im-hr').parent().addClass('im-active');
	} else if(cat.includes("accounting")) {
		$('.im-accounting').parent().addClass('im-active');
	} else {
		for(var i = 0, j = classes.length; i < j; i++) {
    		classes[i].removeClass('im-active');
		}
	}
}
**/