add top logout button in user settings page

Place a dedicated Logout button at the top of the Benutzer-Einstellungen page and wire it to the existing logout flow. Keep button state in sync with login status like the header menu logout action.
This commit is contained in:
2026-03-16 14:52:30 +01:00
parent 1c6d9e8e98
commit d8d1b891fd
2 changed files with 10 additions and 0 deletions

View File

@@ -104,6 +104,7 @@ const els = {
reservationList: document.getElementById("reservationList"),
reservationMessage: document.getElementById("reservationMessage"),
logoutBtn: document.getElementById("logoutBtn"),
settingsLogoutTopBtn: document.getElementById("settingsLogoutTopBtn"),
activationProgress: document.getElementById("activationProgress"),
progressText: document.getElementById("progressText"),
progressFill: document.getElementById("progressFill"),
@@ -505,6 +506,11 @@ function bindEvents() {
els.logoutBtn.addEventListener("click", async () => {
await logout();
});
if (els.settingsLogoutTopBtn) {
els.settingsLogoutTopBtn.addEventListener("click", async () => {
await logout();
});
}
els.themeToggle.addEventListener("click", () => {
toggleTheme();
@@ -4091,6 +4097,7 @@ function updateUserUi() {
setHidden(els.pageActivity, !rmsVisible || page !== "activity");
setDisabled(els.loginBtn, loggedIn);
setDisabled(els.logoutBtn, !loggedIn);
setDisabled(els.settingsLogoutTopBtn, !loggedIn);
setDisabled(els.userMenuButton, !loggedIn);
setDisabled(els.email, loggedIn);
if (els.userMenuButton) {