MediaWiki:Common.js - Revision history

Ravenalien at 20:37, 1 March 2025

2025-03-01T20:37:38Z

@@ Line 37: / Line 37: @@
          $subNav.find('.tab-content .tab-pane').removeClass('active');
          $('#' + overviewTargetId).addClass('active');
      });

Ravenalien at 22:35, 28 February 2025

2025-02-28T22:35:28Z

Show changes

Ravenalien at 06:52, 26 February 2025

2025-02-26T06:52:29Z

@@ Line 85: / Line 85: @@
      // Run initial setup
      initializeTabs();
 });

Ravenalien at 06:49, 26 February 2025

2025-02-26T06:49:29Z

← Older revision		Revision as of 06:49, 26 February 2025
Line 26:		Line 26:
	overviewTab.addClass('active');		overviewTab.addClass('active');

	$('#' + targetId + ' .tab-pane').removeClass('active');		$('#' + targetId + ' .sub-tab-navigation .tab-content .tab-pane').removeClass('active');
	overviewContent.addClass('active');		overviewContent.addClass('active');
	});		});
Line 35:		Line 35:
	e.stopPropagation();		e.stopPropagation();

	var $~~subNav~~ = $(this).closest('.sub-tab-navigation');		var $this = $(this);
	var targetId = $(this).data('target');		var $subNav = $this.closest('.sub-tab-navigation');
			var targetId = $this.data('target');

	// Only update ~~tabs within~~ this sub-navigation		// Only update the buttons in this sub-tab navigation
	$subNav.find('.tab-button').removeClass('active');		$subNav.find('.tab-button').removeClass('active');
	$(this).addClass('active');		$this.addClass('active');

	// ~~Only~~ update content within ~~the current race's content area~~		// Find and update only the content panes within this sub-tab section
	$subNav~~.parent()~~.find('> .tab-pane').removeClass('active');		$subNav.find('.tab-content .tab-pane').removeClass('active');
	$('#' + targetId).addClass('active');		$('#' + targetId).addClass('active');

			// Keep the parent tab-pane active
			$this.closest('.tab-pane').addClass('active');
	});		});

Ravenalien at 06:48, 26 February 2025

2025-02-26T06:48:12Z

← Older revision		Revision as of 06:48, 26 February 2025
Line 4:		Line 4:
	'use strict';		'use strict';

	// Main tab click handler		// Main race tab click handler
	$('.tab-navigation .tab-button').click(function(e) {		$('.tab-navigation .tab-button').click(function(e) {
	e.preventDefault();		e.preventDefault();
Line 10:		Line 10:
	var targetId = $(this).data('target');		var targetId = $(this).data('target');

	if ($(this).~~closest~~('.tab-~~navigation~~').~~length~~) {		// Update main race tabs
	// ~~Main~~ tab ~~clicked~~		$('.tab-navigation .tab-button').removeClass('active');
	$('.tab-navigation .tab-button').~~removeClass~~('~~active~~');		$(this).addClass('active');
	$('.tab-~~content~~ .tab-~~pane~~').removeClass('active');
			// Update main content panes
	~~$(this)~~.addClass('active');		$('.tab-content > .tab-pane').removeClass('active');
	$('#' + targetId).~~addClass~~('active');		$('#' + targetId).addClass('active');
	}
			// Always activate the overview tab for the selected race
			var overviewTab = $('#' + targetId + ' .sub-tab-navigation .tab-button').first();
			var overviewContent = $('#' + overviewTab.data('target'));

			// Set overview tab and content as active
			$('#' + targetId + ' .sub-tab-navigation .tab-button').removeClass('active');
			overviewTab.addClass('active');

			$('#' + targetId + ' .tab-pane').removeClass('active');
			overviewContent.addClass('active');
	});		});

	// Sub-tab click ~~handler - separate from main tab~~ handler		// Sub-class tab click handler
	$('.sub-tab-navigation .tab-button').click(function(e) {		$('.sub-tab-navigation .tab-button').click(function(e) {
	e.preventDefault();		e.preventDefault();
	e.stopPropagation(); ~~// Prevent event from bubbling up~~		e.stopPropagation();

			var $subNav = $(this).closest('.sub-tab-navigation');
	var targetId = $(this).data('target');		var targetId = $(this).data('target');
	~~var $subNav = $(this).closest('.sub-tab-navigation');~~

	// Only ~~affect buttons and panes~~ within this sub~~-tab~~-navigation		// Only update tabs within this sub-navigation
	$subNav.find('.tab-button').removeClass('active');		$subNav.find('.tab-button').removeClass('active');
	$~~subNav.find~~(~~'.tab-pane'~~).~~removeClass~~('active');		$(this).addClass('active');

	$(~~this~~).~~addClass~~('active');		// Only update content within the current race's content area
			$subNav.parent().find('> .tab-pane').removeClass('active');
	$('#' + targetId).addClass('active');		$('#' + targetId).addClass('active');
	});		});

	// Set ~~initial states for main tabs~~		// Initial setup
	$('.tab-navigation').~~each(function~~() {		function initializeTabs() {
	var $~~nav~~ = $(~~this~~);		// Set first race tab active if none are
	var $~~activeTab~~ = $~~nav.find~~('.tab-button.active');		var $mainNav = $('.tab-navigation');
			if (!$mainNav.find('.tab-button.active').length) {
			var $firstMainTab = $mainNav.find('.tab-button').first();
			$firstMainTab.addClass('active');

			var mainTargetId = $firstMainTab.data('target');
			$('#' + mainTargetId).addClass('active');

			// Set its overview tab active
			var $overviewTab = $('#' + mainTargetId + ' .sub-tab-navigation .tab-button').first();
			$overviewTab.addClass('active');
			$('#' + $overviewTab.data('target')).addClass('active');
			}

	if (!$~~activeTab~~.length) {		// For each race tab that's active
	$~~activeTab~~ = $~~nav~~.find('.tab-button').first();		$('.tab-navigation .tab-button.active').each(function() {
	$~~activeTab~~.addClass('active');		var mainTargetId = $(this).data('target');
	$('#' + $~~activeTab~~.data('target')).addClass('active');		var $mainContent = $('#' + mainTargetId);
	}
	});		// Ensure overview tab is active if no sub-tab is active
			var $subNav = $mainContent.find('.sub-tab-navigation');
			if ($subNav.length && !$subNav.find('.tab-button.active').length) {
			var $overviewTab = $subNav.find('.tab-button').first();
			$overviewTab.addClass('active');
			$('#' + $overviewTab.data('target')).addClass('active');
			}
			});
			}

	// ~~Set~~ initial ~~states for sub-tabs~~		// Run initial setup
	$(~~'.sub-tab-navigation').each(function() {~~		initializeTabs();
	~~var $subNav = $(this);~~
	~~var $activeSubTab = $subNav.find('.tab-button.active');~~

	~~if (!$activeSubTab.length) {~~
	~~$activeSubTab = $subNav.find('.tab-button').first();~~
	~~$activeSubTab.addClass('active');~~
	~~$('#' + $activeSubTab.data('target')).addClass('active');~~
	}
	});
	});		});

Ravenalien at 06:45, 26 February 2025

2025-02-26T06:45:48Z

← Older revision		Revision as of 06:45, 26 February 2025
Line 5:		Line 5:

	// Main tab click handler		// Main tab click handler
	$('.tab-navigation ~~> .tab-nav >~~ .tab-button').click(function(e) {		$('.tab-navigation .tab-button').click(function(e) {
	e.preventDefault();		e.preventDefault();

	var targetId = $(this).data('target');		var targetId = $(this).data('target');

	~~// Main tab navigation~~		if ($(this).closest('.tab-navigation').length) {
	$(this).~~siblings~~('.tab-~~button~~').~~removeClass('active'~~);		// Main tab clicked
	~~$(this).addClass('active');~~		$('.tab-navigation .tab-button').removeClass('active');
			$('.tab-content .tab-pane').removeClass('active');
	// ~~Hide all main~~ tab ~~panes~~
	$('.tab-navigation > .tab-~~content > .tab-pane~~').removeClass('active');
	~~// Show clicked tab's content~~
	~~$('#' + targetId).addClass('active');~~

	~~// Reset sub-tabs to first tab~~
	~~var $subNav = $('#' + targetId).find('.sub-tab-navigation');~~
	~~if ($subNav.length) {~~
	~~var $firstSubTab =~~ $~~subNav.find~~('> .tab-~~nav >~~ .tab-~~button').first();~~
	~~$subNav.find('> .tab-nav > .tab-button~~').removeClass~~('active');~~
	~~$firstSubTab.addClass~~('active');

	~~// Reset sub-tab content~~		$(this).addClass('active');
	~~var firstSubTargetId = $firstSubTab.data('target');~~		$('#' + targetId).addClass('active');
	$~~subNav.find~~(~~'> .tab-content > .tab-pane'~~).~~removeClass~~('active');
	$('#' + ~~firstSubTargetId~~).addClass('active');
	}		}
	});		});

	// Sub-tab click handler		// Sub-tab click handler - separate from main tab handler
	$('.sub-tab-navigation ~~> .tab-nav >~~ .tab-button').click(function(e) {		$('.sub-tab-navigation .tab-button').click(function(e) {
	e.preventDefault();		e.preventDefault();
			e.stopPropagation(); // Prevent event from bubbling up

	var targetId = $(this).data('target');		var targetId = $(this).data('target');
	var $subNav = $(this).closest('.sub-tab-navigation');		var $subNav = $(this).closest('.sub-tab-navigation');

	// ~~Update~~ sub-tab ~~buttons~~		// Only affect buttons and panes within this sub-tab-navigation
	$subNav.find('> .tab-~~nav >~~ .tab-~~button~~').removeClass('active');		$subNav.find('.tab-button').removeClass('active');
			$subNav.find('.tab-pane').removeClass('active');

	$(this).addClass('active');		$(this).addClass('active');

	~~// Update sub-tab content~~
	~~$subNav.find('> .tab-content > .tab-pane').removeClass('active');~~
	$('#' + targetId).addClass('active');		$('#' + targetId).addClass('active');
	});		});

	// Set initial states		// Set initial states for main tabs
	$('.tab-navigation').each(function() {		$('.tab-navigation').each(function() {
	var $~~mainNav~~ = $(this);		var $nav = $(this);
			var $activeTab = $nav.find('.tab-button.active');

	~~// Set first main tab active if none are~~		if (!$activeTab.length) {
	if (!$~~mainNav.find('> .tab-nav > .tab-button.active')~~.length) {		$activeTab = $nav.find('.tab-button').first();
	~~var~~ $~~firstMainTab~~ = $~~mainNav~~.find('~~> .tab-nav >~~ .tab-button').first();		$activeTab.addClass('active');
	$~~firstMainTab.addClass('active');~~		$('#' + $activeTab.data('target')).addClass('active');

	~~var mainTargetId = $firstMainTab.data('target');~~
	~~$('#' + mainTargetId)~~.addClass('active');

	~~// Initialize its sub-tabs if any~~
	~~var $subNav =~~ $('#' + ~~mainTargetId).find('.sub-tab-navigation');~~
	~~if ($subNav.length) {~~
	~~var $firstSubTab = $subNav.find('> .tab-nav > .tab-button').first();~~
	$~~firstSubTab.addClass('active');~~

	~~var subTargetId = $firstSubTab~~.data('target');
	~~$('#' + subTargetId~~).addClass('active');
	}
	}		}
	});		});

	// ~~Initialize any~~ sub-tabs ~~in the active main tab~~		// Set initial states for sub-tabs
	~~var $activeMainTab =~~ $('.tab-navigation ~~> .tab-nav > .tab-button.active~~');		$('.sub-tab-navigation').each(function() {
	if (~~$activeMainTab.length~~) {		var $subNav = $(this);
	var ~~mainTargetId~~ = $~~activeMainTab.data~~(~~'target'~~);		var $activeSubTab = $subNav.find('.tab-button.active');
	var $~~subNav~~ = $~~('#' + mainTargetId)~~.find('.~~sub-~~tab-~~navigation~~');

	if (~~$subNav.length &&~~ !$~~subNav.find('> .tab-nav > .tab-button.active')~~.length) {		if (!$activeSubTab.length) {
	~~var~~ $~~firstSubTab~~ = $subNav.find('~~> .tab-nav >~~ .tab-button').first();		$activeSubTab = $subNav.find('.tab-button').first();
	$~~firstSubTab~~.addClass('active');		$activeSubTab.addClass('active');
			$('#' + $activeSubTab.data('target')).addClass('active');
	~~var subTargetId =~~ $~~firstSubTab~~.data('target');
	~~$('#' + subTargetId~~).addClass('active');
	}		}
	}		});
	});		});

Ravenalien at 06:45, 26 February 2025

2025-02-26T06:45:04Z

Show changes

Ravenalien at 06:43, 26 February 2025

2025-02-26T06:43:29Z

Show changes

Ravenalien at 06:42, 26 February 2025

2025-02-26T06:42:17Z

Show changes

Ravenalien at 06:39, 26 February 2025

2025-02-26T06:39:10Z

Show changes