john-okeefe
665e2533f6
- Regenerate admin_library_templ.go with admin sidebar integration - Regenerate admin_users_templ.go with sidebar layout and theme fixes - Regenerate bookshelf_templ.go with dynamic theme rendering - Regenerate index_templ.go with progressive enhancement script - Regenerate login_templ.go with progressive enhancement script - Regenerate register_templ.go with progressive enhancement script - Compile header.js with consolidated theme logic
76 lines
2.6 KiB
JavaScript
76 lines
2.6 KiB
JavaScript
"use strict";
|
|
// Header functionality
|
|
const toggleThemeDropdown = () => {
|
|
const dropdown = document.getElementById('theme-dropdown');
|
|
if (dropdown) {
|
|
dropdown.classList.toggle('hidden');
|
|
// Close user menu if open
|
|
const userMenu = document.getElementById('user-menu');
|
|
if (userMenu && !dropdown.classList.contains('hidden')) {
|
|
userMenu.classList.add('hidden');
|
|
}
|
|
}
|
|
};
|
|
const toggleUserMenu = () => {
|
|
const menu = document.getElementById('user-menu');
|
|
if (menu) {
|
|
menu.classList.toggle('hidden');
|
|
// Close theme dropdown if open
|
|
const themeDropdown = document.getElementById('theme-dropdown');
|
|
if (themeDropdown && !menu.classList.contains('hidden')) {
|
|
themeDropdown.classList.add('hidden');
|
|
}
|
|
}
|
|
};
|
|
const changeThemeTo = (theme) => {
|
|
// Apply the theme using the consolidated function from theme.ts
|
|
if (window.applyTheme) {
|
|
window.applyTheme(theme);
|
|
}
|
|
// Save to server if logged in
|
|
const token = localStorage.getItem('token');
|
|
if (token) {
|
|
fetch('/api/auth/theme', {
|
|
method: 'PUT',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'Authorization': `Bearer ${token}`
|
|
},
|
|
body: JSON.stringify({ theme })
|
|
}).catch(err => console.log('Theme save failed', err));
|
|
}
|
|
// Close dropdown
|
|
const dropdown = document.getElementById('theme-dropdown');
|
|
if (dropdown) {
|
|
dropdown.classList.add('hidden');
|
|
}
|
|
};
|
|
const logout = () => {
|
|
localStorage.removeItem('token');
|
|
localStorage.removeItem('user');
|
|
window.location.href = '/';
|
|
};
|
|
// Close dropdowns when clicking outside
|
|
document.addEventListener('click', (e) => {
|
|
const target = e.target;
|
|
const themeDropdown = document.getElementById('theme-dropdown');
|
|
const userMenu = document.getElementById('user-menu');
|
|
const themeButton = target?.closest('button[onclick="toggleThemeDropdown()"]');
|
|
const userButton = target?.closest('button[onclick="toggleUserMenu()"]');
|
|
if (!themeButton && themeDropdown && !themeDropdown.classList.contains('hidden')) {
|
|
if (!themeDropdown.contains(target)) {
|
|
themeDropdown.classList.add('hidden');
|
|
}
|
|
}
|
|
if (!userButton && userMenu && !userMenu.classList.contains('hidden')) {
|
|
if (!userMenu.contains(target)) {
|
|
userMenu.classList.add('hidden');
|
|
}
|
|
}
|
|
});
|
|
// Make functions available globally
|
|
window.toggleThemeDropdown = toggleThemeDropdown;
|
|
window.toggleUserMenu = toggleUserMenu;
|
|
window.changeThemeTo = changeThemeTo;
|
|
window.logout = logout;
|