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 17: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'));
});
});
});