MediaWiki:Common.js - Revision history

WikiManagement at 09:28, 30 June 2026

2026-06-30T09:28:44Z

← Older revision		Revision as of 09:28, 30 June 2026
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */


			// Força o menu lateral a expandir (Vector 2022) se estiver colapsado
			mw.hook('wikipage.content').add(function () {
			if (document.documentElement.classList.contains('vector-feature-main-menu-pinned-disabled')) {
			var pinButton = document.getElementById('vector-main-menu-dropdown-checkbox');
			if (pinButton) {
			// Remove a classe de desativado e força o estado expandido
			document.documentElement.classList.remove('vector-feature-main-menu-pinned-disabled');
			document.documentElement.classList.add('vector-feature-main-menu-pinned-enabled');
			}
			}
			});

WikiManagement at 09:06, 30 June 2026

2026-06-30T09:06:50Z

← Older revision		Revision as of 09:06, 30 June 2026
Line 2:		Line 2:


			// Força o MediaWiki a carregar os módulos básicos em qualquer tipo de sessão (anónima ou registada)
	mw.loader.using(['mediawiki.util', 'jquery'], function () {		mw.loader.using(['mediawiki.util', 'jquery'], function () {

	function setupAtlasDropdown() {		function setupAtlasDropdown() {
	var $sidebar = $('.vector-main-menu, #mw-panel~~, .mw-table-of-contents-container~~');		// Alvo exclusivo: Apenas o menu de navegação da skin, ignorando o índice de conteúdos (Contents) da página
			var $sidebar = $('.vector-main-menu, #mw-panel');
	if (!$sidebar.length) return;		if (!$sidebar.length) return;

	// 1. Identifica e esconde as subpáginas		// 1. Identifica e esconde as subpáginas apenas no menu lateral
	$sidebar.find('li').each(function() {		$sidebar.find('li').each(function() {
	var $li = $(this);		var $li = $(this);
			var text = $li.text().trim();

			// Verifica se apanha as subpáginas pelo URL ou pelo texto exato
	var hasSubpage = $li.find('a[href="SENSBLUE_ATLAS/"], .mw-selflink[href="SENSBLUE_ATLAS/"]').length > 0		var hasSubpage = $li.find('a[href="SENSBLUE_ATLAS/"], .mw-selflink[href="SENSBLUE_ATLAS/"]').length > 0
	\|\| ~~$li.~~text~~().includes(~~'Datasheet')		\|\| text === 'Datasheet'
	\|\| ~~$li.~~text~~().includes(~~'Release Notes');		\|\| text === 'Release Notes';

	if (hasSubpage && !~~$li.~~text().includes('SENSBLUE ATLAS')) {		if (hasSubpage && !text.includes('SENSBLUE ATLAS')) {
	$li.addClass('atlas-submenu');		$li.addClass('atlas-submenu');
	}		}
	});		});

	// 2. Procura o item pai (SENSBLUE ATLAS)		// 2. Procura o item pai (SENSBLUE ATLAS) na barra lateral
	var $mainAtlasLi = $sidebar.find('li').filter(function() {		var $mainAtlasLi = $sidebar.find('li').filter(function() {
	var text = $(this).clone().children().remove().end().text().trim() \|\| $(this).text().trim();		var text = $(this).clone().children().remove().end().text().trim() \|\| $(this).text().trim();
Line 25:		Line 31:
	}).first();		}).first();

	// ~~Se encontrou e ainda não tem~~ a seta		// 3. Injeta a seta nativa se encontrar o link
	if ($mainAtlasLi.length && !$mainAtlasLi.find('.atlas-toggle-btn').length) {		if ($mainAtlasLi.length && !$mainAtlasLi.find('.atlas-toggle-btn').length) {

Line 39:		Line 45:
	});		});

	~~// 3. Cria o elemento do botão (vazio, pois o CSS vai colocar a imagem idêntica à Datasheet)~~
	var $toggleBtn = $('<span class="atlas-toggle-btn"></span>');		var $toggleBtn = $('<span class="atlas-toggle-btn"></span>');

	~~// Coloca do lado direito~~
	$mainAtlasLi.append($toggleBtn);		$mainAtlasLi.append($toggleBtn);

	~~// 4. Evento do clique~~
	$toggleBtn.on('click', function(e) {		$toggleBtn.on('click', function(e) {
	e.preventDefault();		e.preventDefault();
	e.stopPropagation();		e.stopPropagation();

	~~// Abre/fecha o menu e roda a seta ao mesmo tempo via CSS~~
	$('.atlas-submenu').toggleClass('is-open');		$('.atlas-submenu').toggleClass('is-open');
	$(this).toggleClass('is-active');		$(this).toggleClass('is-active');
Line 57:		Line 58:
	}		}

			// GATILHO COMPATÍVEL COM ANÓNIMOS: Executa em múltiplos estágios do carregamento
	$(document).ready(setupAtlasDropdown);		$(document).ready(setupAtlasDropdown);
	$(window).on('load', setupAtlasDropdown);		$(window).on('load', setupAtlasDropdown);
			mw.hook('wikipage.content').add(setupAtlasDropdown);
	});		});

WikiManagement at 09:02, 30 June 2026

2026-06-30T09:02:36Z

← Older revision		Revision as of 09:02, 30 June 2026
Line 39:		Line 39:
	});		});

	// 3. Cria o ~~chevron~~ (~~com margem~~ à ~~esquerda para dar o espaço correto~~)		// 3. Cria o elemento do botão (vazio, pois o CSS vai colocar a imagem idêntica à Datasheet)
	var $toggleBtn = $('<span class="atlas-toggle-btn~~" style="cursor:pointer; margin-left:8px; user-select:none; font-weight:bold; font-size:1.1em; color:#54595d;~~">›</span>');		var $toggleBtn = $('<span class="atlas-toggle-btn"></span>');

	// ~~Injeta DEPOIS~~ do ~~texto (à direita)~~		// Coloca do lado direito
	$mainAtlasLi.append($toggleBtn);		$mainAtlasLi.append($toggleBtn);

Line 50:		Line 50:
	e.stopPropagation();		e.stopPropagation();

			// Abre/fecha o menu e roda a seta ao mesmo tempo via CSS
	$('.atlas-submenu').toggleClass('is-open');		$('.atlas-submenu').toggleClass('is-open');
			$(this).toggleClass('is-active');
	~~if ($(this).text() === '›') {~~
	~~$(this).text('˅');~~
	~~} else {~~
	$(this).~~text~~('›');
	}
	});		});
	}		}

WikiManagement at 09:00, 30 June 2026

2026-06-30T09:00:29Z

← Older revision		Revision as of 09:00, 30 June 2026
Line 39:		Line 39:
	});		});

	// 3. Cria o chevron ~~inicial fechado~~ (›)		// 3. Cria o chevron (com margem à esquerda para dar o espaço correto)
	var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-~~right~~:8px; user-select:none; font-weight:bold; font-size:1.1em; color:#54595d;">›</span>');		var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-left:8px; user-select:none; font-weight:bold; font-size:1.1em; color:#54595d;">›</span>');

	// Injeta à ~~esquerda~~		// Injeta DEPOIS do texto (à direita)
	$mainAtlasLi.~~prepend~~($toggleBtn);		$mainAtlasLi.append($toggleBtn);

	// 4. Evento do clique		// 4. Evento do clique
Line 52:		Line 52:
	$('.atlas-submenu').toggleClass('is-open');		$('.atlas-submenu').toggleClass('is-open');

	~~// Alterna entre o chevron para a direita (›) e para baixo (˅)~~
	if ($(this).text() === '›') {		if ($(this).text() === '›') {
	$(this).text('˅'); ~~// Igual ao formato de image_4a7113.png~~		$(this).text('˅');
	} else {		} else {
	$(this).text('›');		$(this).text('›');

WikiManagement at 08:59, 30 June 2026

2026-06-30T08:59:53Z

← Older revision		Revision as of 08:59, 30 June 2026
Line 31:		Line 31:
	'display': 'flex',		'display': 'flex',
	'align-items': 'center',		'align-items': 'center',
	'justify-content': 'flex-start' ~~// Move tudo para a esquerda juntinho~~		'justify-content': 'flex-start'
	});		});

	// 3. Cria ~~a seta colada ao texto~~		$mainAtlasLi.find('a, .mw-selflink, span').css({
	var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-~~left~~:8px; user-select:none; font-weight:bold;">▶</span>');		'display': 'inline',
	$mainAtlasLi.~~append~~($toggleBtn);		'width': 'auto'
			});

			// 3. Cria o chevron inicial fechado (›)
			var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-right:8px; user-select:none; font-weight:bold; font-size:1.1em; color:#54595d;">›</span>');

			// Injeta à esquerda
			$mainAtlasLi.prepend($toggleBtn);

	// 4. Evento do clique		// 4. Evento do clique
Line 45:		Line 52:
	$('.atlas-submenu').toggleClass('is-open');		$('.atlas-submenu').toggleClass('is-open');

	if ($(this).text() === '▶') {		// Alterna entre o chevron para a direita (›) e para baixo (˅)
	$(this).text('▼');		if ($(this).text() === '›') {
			$(this).text('˅'); // Igual ao formato de image_4a7113.png
	} else {		} else {
	$(this).text('▶');		$(this).text('›');
	}		}
	});		});

WikiManagement at 08:56, 30 June 2026

2026-06-30T08:56:44Z

← Older revision		Revision as of 08:56, 30 June 2026
Line 28:		Line 28:
	if ($mainAtlasLi.length && !$mainAtlasLi.find('.atlas-toggle-btn').length) {		if ($mainAtlasLi.length && !$mainAtlasLi.find('.atlas-toggle-btn').length) {

	~~// Força o item da lista a alinhar à esquerda~~
	$mainAtlasLi.css({		$mainAtlasLi.css({
	'display': 'flex',		'display': 'flex',
	'align-items': 'center',		'align-items': 'center',
	'justify-content': 'flex-start'		'justify-content': 'flex-start' // Move tudo para a esquerda juntinho
	});		});

	~~// Força o link/texto interno a não expandir para 100%~~		// 3. Cria a seta colada ao texto
	~~$mainAtlasLi.find('a, .mw-selflink, span').css({~~		var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-left:8px; user-select:none; font-weight:bold;">▶</span>');
	~~'display': 'inline',~~		$mainAtlasLi.append($toggleBtn);
	~~'width': 'auto'~~
	~~});~~

	// 3. Cria a seta ~~(com margem à direita para empurrar o~~ texto)
	var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-~~right~~:8px; user-select:none; font-weight:bold;">▶</span>');

	~~// Injeta ANTES do texto (à esquerda)~~
	$mainAtlasLi.~~prepend~~($toggleBtn);

	// 4. Evento do clique		// 4. Evento do clique

WikiManagement at 08:56, 30 June 2026

2026-06-30T08:56:07Z

← Older revision		Revision as of 08:56, 30 June 2026
Line 28:		Line 28:
	if ($mainAtlasLi.length && !$mainAtlasLi.find('.atlas-toggle-btn').length) {		if ($mainAtlasLi.length && !$mainAtlasLi.find('.atlas-toggle-btn').length) {

			// Força o item da lista a alinhar à esquerda
	$mainAtlasLi.css({		$mainAtlasLi.css({
	'display': 'flex',		'display': 'flex',
	'align-items': 'center',		'align-items': 'center',
	'justify-content': 'flex-start' ~~// Move tudo para a esquerda juntinho~~		'justify-content': 'flex-start'
	});		});

	// 3. Cria a seta ~~colada ao~~ texto		// Força o link/texto interno a não expandir para 100%
	var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-~~left~~:8px; user-select:none; font-weight:bold;">▶</span>');		$mainAtlasLi.find('a, .mw-selflink, span').css({
	$mainAtlasLi.~~append~~($toggleBtn);		'display': 'inline',
			'width': 'auto'
			});

			// 3. Cria a seta (com margem à direita para empurrar o texto)
			var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-right:8px; user-select:none; font-weight:bold;">▶</span>');

			// Injeta ANTES do texto (à esquerda)
			$mainAtlasLi.prepend($toggleBtn);

	// 4. Evento do clique		// 4. Evento do clique

WikiManagement at 08:55, 30 June 2026

2026-06-30T08:55:12Z

← Older revision		Revision as of 08:55, 30 June 2026
Line 7:		Line 7:
	if (!$sidebar.length) return;		if (!$sidebar.length) return;

	// 1. Identifica e esconde as subpáginas ~~(procura por links ou links ativos que contenham a barra /)~~		// 1. Identifica e esconde as subpáginas
	$sidebar.find('li').each(function() {		$sidebar.find('li').each(function() {
	var $li = $(this);		var $li = $(this);
Line 14:		Line 14:
	\|\| $li.text().includes('Release Notes');		\|\| $li.text().includes('Release Notes');

	~~// Garante que não apanha a página principal~~
	if (hasSubpage && !$li.text().includes('SENSBLUE ATLAS')) {		if (hasSubpage && !$li.text().includes('SENSBLUE ATLAS')) {
	$li.addClass('atlas-submenu');		$li.addClass('atlas-submenu');
Line 20:		Line 19:
	});		});

	// 2. Procura o item pai (SENSBLUE ATLAS) ~~pelo texto, independentemente de ser link ou texto estático~~		// 2. Procura o item pai (SENSBLUE ATLAS)
	var $mainAtlasLi = $sidebar.find('li').filter(function() {		var $mainAtlasLi = $sidebar.find('li').filter(function() {
	var text = $(this).clone().children().remove().end().text().trim() \|\| $(this).text().trim();		var text = $(this).clone().children().remove().end().text().trim() \|\| $(this).text().trim();
Line 32:		Line 31:
	'display': 'flex',		'display': 'flex',
	'align-items': 'center',		'align-items': 'center',
	'justify-content': '~~space~~-~~between~~'		'justify-content': 'flex-start' // Move tudo para a esquerda juntinho
	});		});

	// 3. Cria a seta		// 3. Cria a seta colada ao texto
	var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-left:8px; user-select:none; font-weight:bold;">▶</span>');		var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-left:8px; user-select:none; font-weight:bold;">▶</span>');
	$mainAtlasLi.append($toggleBtn);		$mainAtlasLi.append($toggleBtn);

	// 4. Evento do clique		// 4. Evento do clique

WikiManagement at 08:53, 30 June 2026

2026-06-30T08:53:14Z

← Older revision		Revision as of 08:53, 30 June 2026
Line 7:		Line 7:
	if (!$sidebar.length) return;		if (!$sidebar.length) return;

	// 1. ~~Esconde~~ as subpáginas (procura por ~~qualquer link~~ que ~~tenha~~ a ~~subpágina no URL~~)		// 1. Identifica e esconde as subpáginas (procura por links ou links ativos que contenham a barra /)
	$sidebar.find('a[href*="SENSBLUE_ATLAS/"]').~~closest~~('li').addClass('atlas-submenu');		$sidebar.find('li').each(function() {
			var $li = $(this);
			var hasSubpage = $li.find('a[href="SENSBLUE_ATLAS/"], .mw-selflink[href="SENSBLUE_ATLAS/"]').length > 0
			\|\| $li.text().includes('Datasheet')
			\|\| $li.text().includes('Release Notes');

			// Garante que não apanha a página principal
			if (hasSubpage && !$li.text().includes('SENSBLUE ATLAS')) {
			$li.addClass('atlas-submenu');
			}
			});

	// 2. Procura ~~a página principal do Atlas~~ (~~procura se o URL CONTÉM SENSBLUE_ATLAS mas NÃO contém a barra da subpágina~~)		// 2. Procura o item pai (SENSBLUE ATLAS) pelo texto, independentemente de ser link ou texto estático
	var $mainAtlasLi = $sidebar.find('~~a[href*="SENSBLUE_ATLAS"]~~').filter(function() {		var $mainAtlasLi = $sidebar.find('li').filter(function() {
	~~return !~~$(this).~~attr~~(~~'href'~~).~~includes~~('~~SENSBLUE_ATLAS/~~');		var text = $(this).clone().children().remove().end().text().trim() \|\| $(this).text().trim();
	}).~~closest~~(~~'li'~~);		return text === 'SENSBLUE ATLAS';
			}).first();

	// Se encontrou e ainda não tem a seta		// Se encontrou e ainda não tem a seta
Line 20:		Line 31:
	$mainAtlasLi.css({		$mainAtlasLi.css({
	'display': 'flex',		'display': 'flex',
	'align-items': 'center'		'align-items': 'center',
			'justify-content': 'space-between'
	});		});

	// 3. Cria a seta		// 3. Cria a seta
	var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-left:8px; user-select:none;">▶</span>');		var $toggleBtn = $('<span class="atlas-toggle-btn" style="cursor:pointer; margin-left:8px; user-select:none; font-weight:bold;">▶</span>');
	$mainAtlasLi.append($toggleBtn);		$mainAtlasLi.append($toggleBtn);

WikiManagement at 08:51, 30 June 2026

2026-06-30T08:51:27Z

← Older revision		Revision as of 08:51, 30 June 2026
Line 3:		Line 3:

	mw.loader.using(['mediawiki.util', 'jquery'], function () {		mw.loader.using(['mediawiki.util', 'jquery'], function () {
	~~// Função principal que injeta a lógica do dropdown~~
	function setupAtlasDropdown() {		function setupAtlasDropdown() {
	~~// Encontra o menu lateral do Vector 2022~~
	var $sidebar = $('.vector-main-menu, #mw-panel, .mw-table-of-contents-container');		var $sidebar = $('.vector-main-menu, #mw-panel, .mw-table-of-contents-container');
	if (!$sidebar.length) return;		if (!$sidebar.length) return;

	// 1. Esconde as subpáginas ~~aplicando~~ a ~~classe CSS~~		// 1. Esconde as subpáginas (procura por qualquer link que tenha a subpágina no URL)
	$sidebar.find('a[href*="SENSBLUE_ATLAS/"]').closest('li').addClass('atlas-submenu');		$sidebar.find('a[href*="SENSBLUE_ATLAS/"]').closest('li').addClass('atlas-submenu');

	// 2. Procura a página principal do Atlas		// 2. Procura a página principal do Atlas (procura se o URL CONTÉM SENSBLUE_ATLAS mas NÃO contém a barra da subpágina)
	var $mainAtlasLi = $sidebar.find('a[href$="SENSBLUE_ATLAS"]').closest('li');		var $mainAtlasLi = $sidebar.find('a[href*="SENSBLUE_ATLAS"]').filter(function() {
			return !$(this).attr('href').includes('SENSBLUE_ATLAS/');
			}).closest('li');

	// Se encontrou e ainda não tem a seta ~~injetada~~		// Se encontrou e ainda não tem a seta
	if ($mainAtlasLi.length && !$mainAtlasLi.find('.atlas-toggle-btn').length) {		if ($mainAtlasLi.length && !$mainAtlasLi.find('.atlas-toggle-btn').length) {

	~~// Garante que o texto e a seta ficam alinhados na mesma linha~~
	$mainAtlasLi.css({		$mainAtlasLi.css({
	'display': 'flex',		'display': 'flex',
Line 33:		Line 32:
	e.stopPropagation();		e.stopPropagation();

	~~// Abre/fecha as subpáginas~~
	$('.atlas-submenu').toggleClass('is-open');		$('.atlas-submenu').toggleClass('is-open');

	~~// Roda a seta~~
	if ($(this).text() === '▶') {		if ($(this).text() === '▶') {
	$(this).text('▼');		$(this).text('▼');
Line 46:		Line 43:
	}		}

	~~// Executa imediatamente e também se houver mudanças na página~~
	$(document).ready(setupAtlasDropdown);		$(document).ready(setupAtlasDropdown);
	$(window).on('load', setupAtlasDropdown);		$(window).on('load', setupAtlasDropdown);