projects/usbcheck.it
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

as

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2025-11-23 02:32:42 +01:00
parent daad90cea3
commit 9168380c80
2 changed files with 24 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
partials/structure/layout_start.php
View File

@@ -20,7 +20,6 @@ if (!isset($pageDescription) || !is_string($pageDescription)) {
$pageDescription = '';
}
if (function_exists('tpl_add_script')) {
tpl_add_script('/assets/js/header-user-menu.js', 'footer', true, false, '', null);
tpl_add_script('/assets/js/header.js', 'footer', true, false, '', null);
}

44
public/assets/js/header.js
View File

@@ -1,9 +1,8 @@
// public/assets/js/header.js
document.addEventListener('DOMContentLoaded', function () {
// -------------------------
// Login-Button
// -------------------------
// --------------------------------------------------
// LOGIN-BUTTON → /login mit redirect + lang
// --------------------------------------------------
const loginBtn = document.getElementById('loginButton');
if (loginBtn) {
@@ -39,9 +38,9 @@ document.addEventListener('DOMContentLoaded', function () {
});
}
// -------------------------
// Avatar-Menü ein-/ausblenden
// -------------------------
// --------------------------------------------------
// AVATAR-MENÜ (userAvatar / userMenu)
// --------------------------------------------------
const avatarBtn = document.getElementById('userAvatar');
const userMenu = document.getElementById('userMenu');
@@ -56,21 +55,23 @@ document.addEventListener('DOMContentLoaded', function () {
// Klick außerhalb schließt Menü
document.addEventListener('click', function (event) {
if (!userMenu.classList.contains('hidden')) {
const clickedInsideMenu = userMenu.contains(event.target);
const clickedAvatarButton = avatarBtn.contains(event.target);
if (userMenu.classList.contains('hidden')) {
return;
}
if (!clickedInsideMenu && !clickedAvatarButton) {
userMenu.classList.add('hidden');
avatarBtn.setAttribute('aria-expanded', 'false');
}
const clickedInsideMenu = userMenu.contains(event.target);
const clickedAvatarButton = avatarBtn.contains(event.target);
if (!clickedInsideMenu && !clickedAvatarButton) {
userMenu.classList.add('hidden');
avatarBtn.setAttribute('aria-expanded', 'false');
}
});
}
// -------------------------
// Logout-Modal
// -------------------------
// --------------------------------------------------
// LOGOUT-MODAL
// --------------------------------------------------
const logoutButtons = document.querySelectorAll('[data-logout-link="true"]');
const backdrop = document.getElementById('logoutModalBackdrop');
const btnConfirm = document.getElementById('logoutConfirm');
@@ -99,7 +100,10 @@ document.addEventListener('DOMContentLoaded', function () {
event.preventDefault();
event.stopPropagation();
const href = btn.getAttribute('data-logout-href') || btn.getAttribute('href') || '/auth/logout';
const href = btn.getAttribute('data-logout-href')
|| btn.getAttribute('href')
|| '/auth/logout';
showLogoutModal(href);
// Avatar-Menü beim Öffnen des Modals schließen
@@ -126,9 +130,9 @@ document.addEventListener('DOMContentLoaded', function () {
hideLogoutModal();
});
// Klick auf Hintergrund schließt Modal
// Klick auf Hintergrund schließt Modal (außer man klickt auf die Card)
backdrop.addEventListener('click', function (event) {
const card = backdrop.querySelector('div.w-full.max-w-sm');
const card = backdrop.querySelector('.max-w-sm');
if (card && !card.contains(event.target)) {
hideLogoutModal();
}