MediaWiki:Masterlist.js: Difference between revisions

Latest revision as of 17:11, 25 June 2024

document.addEventListener('DOMContentLoaded', () => {
  const icons = document.querySelectorAll('.masterlist-icon');

  // Load saved state from localStorage
  icons.forEach(icon => {
    const itemId = icon.closest('.masterlist-item').dataset.id;
    const isClicked = localStorage.getItem(`icon-${itemId}`) === 'true';
    if (isClicked) {
      icon.classList.add('clicked');
    }
  });

  // Add click event listeners to toggle clicked state and save to localStorage
  icons.forEach(icon => {
    icon.addEventListener('click', () => {
      const itemId = icon.closest('.masterlist-item').dataset.id;
      icon.classList.toggle('clicked');
      localStorage.setItem(`icon-${itemId}`, icon.classList.contains('clicked'));
    });
  });
});