MediaWiki:Common.js: Difference between revisions

From The Reed and Rite
mNo edit summary
mNo edit summary
Line 12: Line 12:
$(function() {
$(function() {
   const bullets = document.querySelectorAll('.toggle-bullet');
   const bullets = document.querySelectorAll('.toggle-bullet');
   const bulletChars = ['●', '◦']; // Only these two
   const bulletChars = ['●', '◦'];


   bullets.forEach(bullet => {
   bullets.forEach(bullet => {
     let currentIndex = 1; // Start with ◦ (index 1)
     let currentIndex = 1; // Start with ◦
     bullet.addEventListener('click', function() {
     bullet.addEventListener('click', function() {
       currentIndex = (currentIndex + 1) % bulletChars.length;
       currentIndex = (currentIndex + 1) % bulletChars.length;
       this.innerHTML = bulletChars[currentIndex];
       this.innerHTML = bulletChars[currentIndex];
      if (this.innerHTML === '●') {
        this.style.color = 'green';
      } else {
        this.style.color = ''; // Remove the color style for ◦ (uses default)
      }
     });
     });
   });
   });
});
});

Revision as of 22:34, 10 April 2025

/* Any JavaScript here will be loaded for all users on every page load. */
mw.loader.load( 'ext.cite.styles' );

/* Allows Template:Notice to be dismissable. */
$(document).ready(function() {
  $('.dismissible-notice .dismiss-button').click(function() {
    $(this).closest('.dismissible-notice').hide();
  });
});

/* Allows bullet points in to-do list in Template:User to toggle on and off. */
$(function() {
  const bullets = document.querySelectorAll('.toggle-bullet');
  const bulletChars = ['●', '◦'];

  bullets.forEach(bullet => {
    let currentIndex = 1; // Start with ◦
    bullet.addEventListener('click', function() {
      currentIndex = (currentIndex + 1) % bulletChars.length;
      this.innerHTML = bulletChars[currentIndex];
      if (this.innerHTML === '●') {
        this.style.color = 'green';
      } else {
        this.style.color = ''; // Remove the color style for ◦ (uses default)
      }
    });
  });
});