ARCG/ARCG-Remote-Station-Software
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add top logout button in user settings page

Browse Source 
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:
OE6DXD
2026-03-16 14:52:30 +01:00
parent 1c6d9e8e98
commit d8d1b891fd
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/app.js
View File

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

3
public/index.html
View File

@@ -257,6 +257,9 @@
<section class="grid-layout" id="pageUser" hidden> <section class="grid-layout" id="pageUser" hidden>
<article class="card stagger" id="userSettingsCard"> <article class="card stagger" id="userSettingsCard">
<div class="actions" style="justify-content: flex-end; margin-bottom: 0.6rem;">
<button id="settingsLogoutTopBtn" type="button" class="danger">Logout</button>
</div>
<h2>Benutzer-Einstellungen</h2> <h2>Benutzer-Einstellungen</h2>
<p class="muted">Hier findest du nur deine persoenlichen Einstellungen.</p> <p class="muted">Hier findest du nur deine persoenlichen Einstellungen.</p>
<dl class="status-grid"> <dl class="status-grid">