Toggle search
Toggle menu
108
224
181
3.1K
GScripts
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.js: Difference between revisions

MediaWiki interface page
More actions
← Older edit
No edit summary
No edit summary
 
(9 intermediate revisions by the same user not shown)
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', 'Proggies', 'Anti-PK', 'Trip_Settings', 'Add-On_Settings', 'Skills_Settings', 'Equipment'
     ];
     ];


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;


  // 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
  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')) {
       break; // Stop at section heading
       break;
     }
     }
     current = current.parentElement;
     current = current.parentElement;
Line 40: Line 55:
}
}


// 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;
Line 56: Line 72:
     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 79:
}
}


// === 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 101:
});
});


// === 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 92: Line 108:
         anchor.addEventListener('click', function(e) {
         anchor.addEventListener('click', function(e) {
           e.preventDefault(); // Block native browser jump immediately
           e.preventDefault(); // Block native browser jump immediately
          const hash = decodeURIComponent(this.getAttribute('href')).substring(1);
          const heading = document.getElementById(hash);
          if (heading) {
            expandCitizenSectionFromHeading(heading);
            requestAnimationFrame(() => {
              requestAnimationFrame(() => {
                smoothScrollToHeading(heading);
              });
            });
          }
        });
      });
    }, 200);
  }
});
// Intercept in-page wiki links like [[#HeadingName]]
mw.hook('wikipage.content').add(function($content) {
  if (window.innerWidth >= 768) {
    setTimeout(() => {
      document.querySelectorAll('#mw-content-text a[href^="#"]').forEach(function(anchor) {
        anchor.addEventListener('click', function(e) {
          e.preventDefault(); // Block native jump


           const hash = decodeURIComponent(this.getAttribute('href')).substring(1);
           const hash = decodeURIComponent(this.getAttribute('href')).substring(1);
Retrieved from "https://wiki.gscripts.co/MediaWiki:Citizen.js"