MediaWiki:Citizen.js - Revision history

Acans at 09:17, 3 June 2025

2025-06-03T09:17:56Z

← Older revision		Revision as of 09:17, 3 June 2025
Line 24:		Line 24:
	});		});

	// ~~Helper:~~ Expand any collapsed parent citizen-section containing the heading		// Expand any collapsed parent citizen-section containing the heading
	function expandCitizenSectionFromHeading(heading) {		function expandCitizenSectionFromHeading(heading) {
	if (!heading) return;		if (!heading) return;
Line 56:		Line 56:


	// ~~Helper: True final scroll~~ to real heading, after layout is ready		// Scroll to real heading, after layout is ready
	function smoothScrollToHeading(heading) {		function smoothScrollToHeading(heading) {
	if (!heading) return;		if (!heading) return;

2025-06-03T09:14:41Z

← Older revision		Revision as of 09:14, 3 June 2025
Line 27:		Line 27:
	function expandCitizenSectionFromHeading(heading) {		function expandCitizenSectionFromHeading(heading) {
	if (!heading) return;		if (!heading) return;

			// If the clicked ID is on a <span> inside a heading, go up to the heading
			if (heading.tagName === 'SPAN' && heading.parentElement && heading.parentElement.classList.contains('citizen-section-heading')) {
			heading = heading.parentElement;
			}

	// Case 1: Heading itself is a .citizen-section-heading		// Case 1: Heading itself is a .citizen-section-heading
Line 44:		Line 49:
	}		}
	if (current.classList && current.classList.contains('citizen-section-heading')) {		if (current.classList && current.classList.contains('citizen-section-heading')) {
	break; ~~// Stop at section heading~~		break;
	}		}
	current = current.parentElement;		current = current.parentElement;
	}		}
	}		}


	// Helper: True final scroll to real heading, after layout is ready		// Helper: True final scroll to real heading, after layout is ready

2025-06-03T09:12:32Z

← Older revision		Revision as of 09:12, 3 June 2025
Line 28:		Line 28:
	if (!heading) return;		if (!heading) return;

			// Case 1: Heading itself is a .citizen-section-heading
			if (heading.classList.contains('citizen-section-heading')) {
			const section = heading.nextElementSibling;
			if (section && section.classList.contains('citizen-section') && section.hidden) {
			section.hidden = false;
			}
			return;
			}

			// Case 2: Heading is inside a collapsed .citizen-section
	let current = heading;		let current = heading;
	while (current) {		while (current) {
	if (current.classList && current.classList.contains('citizen-section') && current.hidden) {		if (current.classList && current.classList.contains('citizen-section') && current.hidden) {
	current.hidden = false; ~~// Expand hidden section~~		current.hidden = false;
	}		}
	if (current.classList && current.classList.contains('citizen-section-heading')) {		if (current.classList && current.classList.contains('citizen-section-heading')) {

2025-05-20T10:49:23Z

← Older revision		Revision as of 10:49, 20 May 2025
Line 5:		Line 5:
	if (window.innerWidth >= 768) {		if (window.innerWidth >= 768) {
	const idsToCollapse = [		const idsToCollapse = [
	'Muling', 'Misc', 'Anti-ban', 'Anti-PK', 'Trip_Settings', 'Add-On_Settings', 'Skills_Settings', 'Equipment'		'Muling', 'Misc', 'Anti-ban', 'Proggies', 'Anti-PK', 'Trip_Settings', 'Add-On_Settings', 'Skills_Settings', 'Equipment'
	];		];

2025-05-18T13:03:40Z

← Older revision		Revision as of 13:03, 18 May 2025
Line 5:		Line 5:
	if (window.innerWidth >= 768) {		if (window.innerWidth >= 768) {
	const idsToCollapse = [		const idsToCollapse = [
	'Muling', 'Misc', 'Anti-ban', 'Anti-PK', 'Trip_Settings', 'Add-On_Settings', 'Skills_Settings', 'Equipment'		'Muling', 'Misc', 'Anti-ban', 'Anti-PK', 'Trip_Settings', 'Add-On_Settings', 'Skills_Settings', 'Equipment'
	];		];

2025-05-18T13:03:30Z

← Older revision		Revision as of 13:03, 18 May 2025
Line 5:		Line 5:
	if (window.innerWidth >= 768) {		if (window.innerWidth >= 768) {
	const idsToCollapse = [		const idsToCollapse = [
	'Muling', 'Misc', 'Anti-ban', 'Anti-PK', 'Trip_Settings', 'Skills_Settings', 'Equipment'		'Muling', 'Misc', 'Anti-ban', 'Anti-PK', 'Trip_Settings', 'Add-On_Settings', 'Skills_Settings', 'Equipment'
	];		];

2025-04-26T13:15:26Z

@@ Line 135: / Line 135: @@
      }, 200);
+   }
 });

2025-04-26T13:14:32Z

@@ Line 135: / Line 135: @@
      }, 200);
+   }
 });

2025-04-26T13:03:00Z

2025-04-26T12:58:25Z

@@ Line 92: / Line 92: @@
          anchor.addEventListener('click', function(e) {
            e.preventDefault(); // Block native browser jump immediately
            const hash = decodeURIComponent(this.getAttribute('href')).substring(1);

← Older revision		Revision as of 13:03, 26 April 2025
Line 56:		Line 56:
	requestAnimationFrame(() => {		requestAnimationFrame(() => {
	const rect = heading.getBoundingClientRect();		const rect = heading.getBoundingClientRect();
	const scrollTop = window.scrollY + rect.top - 60; // Adjust ~~60px~~ for sticky header		const scrollTop = window.scrollY + rect.top - 80; // Adjust 80px for sticky header

	window.scrollTo({ top: scrollTop, behavior: 'smooth' });		window.scrollTo({ top: scrollTop, behavior: 'smooth' });
Line 63:		Line 63:
	}		}

	// ~~===~~ Handle direct URL loads with a hash (on page load) ~~===~~		// Handle direct URL loads with a hash (on page load)
	mw.hook('wikipage.content').add(function() {		mw.hook('wikipage.content').add(function() {
	if (window.innerWidth >= 768) {		if (window.innerWidth >= 768) {
Line 85:		Line 85:
	});		});

	// ~~===~~ Hook into Citizen TOC (Contents Menu) clicks correctly ~~===~~		// Hook into Citizen TOC (Contents Menu) clicks correctly
	mw.hook('wikipage.content').add(function() {		mw.hook('wikipage.content').add(function() {
	if (window.innerWidth >= 768) {		if (window.innerWidth >= 768) {
Line 111:		Line 111:
	});		});

	// ~~===~~ Intercept in-page wiki links like [[#HeadingName]] ~~===~~		// Intercept in-page wiki links like [[#HeadingName]]
	mw.hook('wikipage.content').add(function($content) {		mw.hook('wikipage.content').add(function($content) {
	if (window.innerWidth >= 768) {		if (window.innerWidth >= 768) {