MediaWiki:Common.js: Difference between revisions
From Makerpedia
No edit summary |
No edit summary |
||
| Line 38: | Line 38: | ||
'</div>'); | '</div>'); | ||
// | // Filter logic when a button is clicked | ||
$(".filter-btn").click(function () { | $(".filter-btn").click(function () { | ||
var selectedCategory = $(this). | var selectedCategory = $(this).data("filter"); | ||
// | // Hide both galleries initially | ||
$("#tool-gallery").hide(); // Hide all galleries | |||
// Show only the selected gallery | |||
if (selectedCategory === "Tools") { | if (selectedCategory === "Tools") { | ||
$("#tool-gallery .gallerybox").show(); | $("#tool-gallery .gallerybox").show(); // Show Tools gallery | ||
} else | } else if (selectedCategory === "Makerspace Tools") { | ||
$("#tool-gallery .gallerybox").show(); // Show Makerspace Tools gallery | |||
$("#tool-gallery .gallerybox" | |||
} | } | ||
}); | }); | ||
}); | }); | ||
Revision as of 02:56, 4 February 2025
/* Any JavaScript here will be loaded for all users on every page load. */
if (document) window.µ = function (id, elem) {
var ret;
var root = ((elem) ? elem : document);
switch (id.charAt(0)) {
case '|':
ret = root;
break;
case '+':
ret = document.createElement(id.substring(1));
if (elem) elem.appendChild(ret);
break;
case '#':
ret = root.querySelector(id);
break;
default:
ret = Array.prototype.slice.call(root.querySelectorAll(id));
break;
}
return ret;
};
/* add additional edit button (prioritize 'Edit' over 'Edit Source' when available) -- styled in Medik.css */
if(document.getElementById("ca-edit") != null || document.getElementById("ca-ve-edit") != null) {
let link = document.getElementById("ca-ve-edit") != null ? document.querySelector("#ca-ve-edit a").href : document.querySelector("#ca-edit a").href;
document.getElementById("content").innerHTML += '<a href='+link+'><button class="big-edit-button"><p>EDIT</p></button></a>';
}
$(document).ready(function () {
// Add filter buttons above the gallery
$("#tool-gallery").before('<div id="category-filter">' +
'<button class="filter-btn" data-filter="Tools">Show All</button>' +
'<button class="filter-btn" data-filter="Makerspace_Tools">Makerspace Tools</button>' +
'<button class="filter-btn" data-filter="Wood_Shop_Tools">Wood Shop Tools</button>' +
'<button class="filter-btn" data-filter="Machine_Shop_Tools">Machine Shop Tools</button>' +
'</div>');
// Filter logic when a button is clicked
$(".filter-btn").click(function () {
var selectedCategory = $(this).data("filter");
// Hide both galleries initially
$("#tool-gallery").hide(); // Hide all galleries
// Show only the selected gallery
if (selectedCategory === "Tools") {
$("#tool-gallery .gallerybox").show(); // Show Tools gallery
} else if (selectedCategory === "Makerspace Tools") {
$("#tool-gallery .gallerybox").show(); // Show Makerspace Tools gallery
}
});
});