We are actively looking for staff to help us build the wiki. If you are interested please join our Discord server and apply.
MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
m (Importing javascript from a separate page) |
mNo edit summary |
||
Line 17: | Line 17: | ||
}); | }); | ||
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')); | |||
}); | |||
}); | |||
}); |
Revision as of 17:19, 25 June 2024
$(document).ready(function() { // Function to toggle the collapse function toggleSidebarCategory(category) { $('#' + category + ' > .body').slideToggle(); $('#' + category + ' > .head').toggleClass('collapsed'); } // Add toggle link to each category header $('#mw-panel .portal > h3').each(function() { var category = $(this).parent().attr('id'); $(this).addClass('head').click(function() { toggleSidebarCategory(category); }); }); // Hide all categories by default $('#mw-panel .portal > .body').hide(); $('#mw-panel .portal > h3').addClass('collapsed'); }); 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')); }); }); });