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
mNo edit summary |
mNo edit summary |
||
Line 24: | Line 24: | ||
console.log('Icons found:', icons); | console.log('Icons found:', icons); | ||
icons.forEach(function(icon) { | icons.forEach(function(icon) { | ||
const itemId = icon.closest('.masterlist-item').dataset.id; | const itemId = icon.closest('.masterlist-item').dataset.id; | ||
Line 33: | Line 32: | ||
}); | }); | ||
icons.forEach(function(icon) { | icons.forEach(function(icon) { | ||
icon.addEventListener('click', function() { | icon.addEventListener('click', function(event) { | ||
event.preventDefault(); // Prevent the default action | |||
const itemId = icon.closest('.masterlist-item').dataset.id; | const itemId = icon.closest('.masterlist-item').dataset.id; | ||
icon.classList.toggle('clicked'); | icon.classList.toggle('clicked'); |
Revision as of 18:26, 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', function() { const icons = document.querySelectorAll('.masterlist-icon'); console.log('Icons found:', icons); icons.forEach(function(icon) { const itemId = icon.closest('.masterlist-item').dataset.id; const isClicked = localStorage.getItem('icon-' + itemId) === 'true'; if (isClicked) { icon.classList.add('clicked'); } }); icons.forEach(function(icon) { icon.addEventListener('click', function(event) { event.preventDefault(); // Prevent the default action const itemId = icon.closest('.masterlist-item').dataset.id; icon.classList.toggle('clicked'); localStorage.setItem('icon-' + itemId, icon.classList.contains('clicked')); }); }); });