From 8a3bf1e8fc26f774d1fac30864aefdc5afcded86 Mon Sep 17 00:00:00 2001
From: Ramon <dev@ramonbesselink.nl>
Date: Mon, 13 Jul 2026 15:46:06 +0200
Subject: [PATCH] =?UTF-8?q?v0.2.11-beta:=20aparte=20=E2=9A=99=EF=B8=8F-kno?=
 =?UTF-8?q?p=20voor=20Instellingen=20in=20de=20werkbalk?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Instellingen opende voorheen alleen via de bestaande 👤-knop, zonder enig visueel signaal in de werkbalk dat daar iets veranderd was
- Nieuwe ⚙️-knop (zichtbaar zodra je bent ingelogd) opent Instellingen rechtstreeks; de 👤-knop blijft dit ook doen zodra je bent ingelogd

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 public/index.html |  1 +
 public/js/core.js | 14 +++++++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/public/index.html b/public/index.html
index b480547..3e61892 100644
--- a/public/index.html
+++ b/public/index.html
@@ -24,6 +24,7 @@
   <button class="tbtn ghost" id="btnFolders">📁</button>
   <button class="tbtn ghost" id="btnSave">💾 <span data-i18n="saveBoard"></span></button>
   <button class="tbtn ghost" id="btnUser">👤 <span id="userLbl"></span></button>
+  <button class="tbtn ghost" id="btnSettings" style="display:none;">⚙️</button>
   <button class="tbtn ghost" id="btnAdmin" style="display:none;">👥</button>
   <div id="langToggle">
     <button data-lang="nl">NL</button>
diff --git a/public/js/core.js b/public/js/core.js
index 804aa71..7c9c8fc 100644
--- a/public/js/core.js
+++ b/public/js/core.js
@@ -373,6 +373,9 @@ const roleKey = r => r==="super" ? "roleSuper" : r==="admin" ? "roleAdmin" : r==
 function updateUserUI(){
   document.getElementById("userLbl").textContent = currentUser ? currentUser.displayName : T("login");
   document.getElementById("btnUser").classList.toggle("on", !!currentUser);
+  const settingsBtn = document.getElementById("btnSettings");
+  settingsBtn.style.display = currentUser ? "" : "none";
+  settingsBtn.title = T("settingsTitle");
   const adminBtn = document.getElementById("btnAdmin");
   adminBtn.style.display = can("admin.access") ? "" : "none";
   adminBtn.title = T("beheer");
@@ -399,17 +402,18 @@ async function loadSchools(){
       list.map(x=>`<option value="${x.id}">${x.name.replace(/</g,"&lt;")}</option>`).join("");
   }catch(e){ sel.innerHTML = `<option value="">${T("schoolSel")}</option>`; }
 }
+function openSettings(){
+  settingsMsg.textContent = ""; settingsMsg.classList.remove("ok");
+  settingsWrap.classList.add("open");
+}
 document.getElementById("btnUser").addEventListener("click", ()=>{
-  if(currentUser){
-    settingsMsg.textContent = ""; settingsMsg.classList.remove("ok");
-    settingsWrap.classList.add("open");
-    return;
-  }
+  if(currentUser){ openSettings(); return; }
   loginMsg.textContent = ""; loginMsg.classList.remove("ok");
   switchLoginTab("login");
   loadSchools();
   loginWrap.classList.add("open");
 });
+document.getElementById("btnSettings").addEventListener("click", openSettings);
 loginWrap.addEventListener("click", e=>{ if(e.target===loginWrap) loginWrap.classList.remove("open"); });
 settingsWrap.addEventListener("click", e=>{ if(e.target===settingsWrap) settingsWrap.classList.remove("open"); });