// Blog JavaScript-Funktionen
document.addEventListener('DOMContentLoaded', function() {
// Mobile sidebar toggle
const sidebarToggle = document.getElementById('sidebarToggle');
const blogSidebar = document.getElementById('blogSidebar');
const blogOverlay = document.getElementById('blogOverlay');
if (sidebarToggle && blogSidebar) {
sidebarToggle.addEventListener('click', function() {
blogSidebar.classList.toggle('max-h-0');
blogSidebar.classList.toggle('max-h-[80vh]');
if (blogOverlay) {
blogOverlay.classList.toggle('hidden');
}
});
}
if (blogOverlay) {
blogOverlay.addEventListener('click', function() {
if (blogSidebar) {
blogSidebar.classList.add('max-h-0');
blogSidebar.classList.remove('max-h-[80vh]');
}
blogOverlay.classList.add('hidden');
});
}
// Kategorie-Button-Auswahl
const categoryButtons = document.querySelectorAll('[data-category]');
categoryButtons.forEach(button => {
button.addEventListener('click', function() {
const category = this.getAttribute('data-category');
// Entferne aktive Klasse von allen Buttons
categoryButtons.forEach(btn => {
btn.classList.remove('bg-gradient-to-r', 'from-orange-600', 'to-orange-800', 'text-white', 'shadow-lg');
btn.classList.add('bg-black', 'bg-opacity-50', 'backdrop-blur-sm', 'border', 'border-white', 'border-opacity-15', 'text-white', 'text-opacity-90');
});
// Füge aktive Klasse zum geklickten Button hinzu
this.classList.remove('bg-black', 'bg-opacity-50', 'backdrop-blur-sm', 'border', 'border-white', 'border-opacity-15', 'text-white', 'text-opacity-90');
this.classList.add('bg-gradient-to-r', 'from-orange-600', 'to-orange-800', 'text-white', 'shadow-lg');
// Lade Seite mit Kategorie-Filter neu
const url = new URL(window.location.href);
if (category === 'all') {
url.searchParams.delete('category');
} else {
url.searchParams.set('category', category);
}
window.location.href = url.toString();
});
});
// Setze aktiven Button basierend auf URL-Parameter
const urlParams = new URLSearchParams(window.location.search);
const selectedCategory = urlParams.get('category') || 'all';
categoryButtons.forEach(button => {
if (button.getAttribute('data-category') === selectedCategory) {
button.classList.remove('bg-black', 'bg-opacity-50', 'backdrop-blur-sm', 'border', 'border-white', 'border-opacity-15', 'text-white', 'text-opacity-90');
button.classList.add('bg-gradient-to-r', 'from-orange-600', 'to-orange-800', 'text-white', 'shadow-lg');
}
});
});