From 31caf540a3ba917b250dfc9a0742bc9530700748 Mon Sep 17 00:00:00 2001
From: Niek Rabelink <niek.rabelink@gmail.com>
Date: Sat, 12 Sep 2026 22:28:03 +0200
Subject: [PATCH] Smoothness

---
 admin.php             |  2 +-
 board.php             | 21 +++++++++++-------
 brainstorm_canvas.php |  4 ++--
 jira.php              |  3 ---
 planner.php           | 51 ++++++++++++++++++++++++++++++++++++++-----
 timeline.php          | 13 +++++++----
 users.php             |  2 +-
 7 files changed, 71 insertions(+), 25 deletions(-)

diff --git a/admin.php b/admin.php
index 0f07c06..5041a67 100644
--- a/admin.php
+++ b/admin.php
@@ -544,7 +544,7 @@ require_once __DIR__ . '/includes/header.php';
                     Systeembeheer & Integraties
                 </h1>
                 <p class="text-sm text-slate-600 dark:text-slate-400 max-w-2xl leading-relaxed">
-                    Beheer hier de centrale organisatiekoppelingen zoals Microsoft 365 Azure App Registratie en Jira, inspecteer de teamstatus en configureer toekomstige modules.
+                    Centrale organisatiekoppelingen (Microsoft 365 & Jira), beveiligingsinstellingen en teamstatus.
                 </p>
             </div>
 
diff --git a/board.php b/board.php
index 33787fa..e39578e 100644
--- a/board.php
+++ b/board.php
@@ -101,9 +101,7 @@ $isAdmin = ($userRole === 'ADMIN');
                             Beheerder
                         </span>
                     </div>
-                    <p id="boardDescriptionText" class="text-xs text-slate-500 dark:text-slate-400 mt-0.5">
-                        Teamtaken, opdrachten & Outlook agendablokkering
-                    </p>
+                    <p id="boardDescriptionText" class="hidden text-xs text-slate-500 dark:text-slate-400 mt-0.5"></p>
                 </div>
             </div>
 
@@ -134,10 +132,10 @@ $isAdmin = ($userRole === 'ADMIN');
                 <!-- Filter: Prioriteit -->
                 <div class="relative">
                     <select id="filterPriority" onchange="renderCards()" class="bg-slate-50 dark:bg-[#0c0f17] border border-slate-200 dark:border-slate-800 rounded-xl px-3 py-2 text-xs text-slate-700 dark:text-slate-300 font-medium focus:ring-2 focus:ring-indigo-500/30 cursor-pointer shadow-2xs">
-                        <option value="ALL">Alle prioriteiten</option>
-                        <option value="P1">P1 — Urgent</option>
-                        <option value="P2">P2 — Hoog</option>
-                        <option value="P3">P3 — Normaal</option>
+                        <option value="ALL">Prioriteiten (Alle)</option>
+                        <option value="P1">P1 Urgent</option>
+                        <option value="P2">P2 Hoog</option>
+                        <option value="P3">P3 Normaal</option>
                     </select>
                 </div>
 
@@ -637,7 +635,14 @@ async function loadBoardData(boardId, showLoader = true) {
             currentBoardData = data;
             
             // Titels en beheerknop
-            document.getElementById('boardDescriptionText').innerText = data.board.description || 'Geen toelichting';
+            const descEl = document.getElementById('boardDescriptionText');
+            if (data.board.description && data.board.description.trim() !== '') {
+                descEl.innerText = data.board.description;
+                descEl.classList.remove('hidden');
+            } else {
+                descEl.innerText = '';
+                descEl.classList.add('hidden');
+            }
             const btnManage = document.getElementById('btnManageBoard');
             const roleBadge = document.getElementById('boardRoleBadge');
             
diff --git a/brainstorm_canvas.php b/brainstorm_canvas.php
index 8003163..5f82039 100644
--- a/brainstorm_canvas.php
+++ b/brainstorm_canvas.php
@@ -170,12 +170,12 @@ $categories = [
             <?php if ($aiSettings['ai_enabled'] && $aiSettings['has_key']): ?>
                 <button onclick="aiGenerateIdeas(this)" class="flex items-center space-x-1.5 px-3 py-2 rounded-xl bg-violet-50 hover:bg-violet-100 dark:bg-violet-950/50 dark:hover:bg-violet-900/50 text-violet-700 dark:text-violet-300 border border-violet-200 dark:border-violet-800/60 text-xs font-bold transition cursor-pointer shadow-xs" title="Genereer 4 innovatieve ideeën via AI Co-Pilot">
                     <i data-lucide="sparkles" class="w-4 h-4 text-violet-500"></i>
-                    <span>💡 AI Ideeën</span>
+                    <span>AI Ideeën</span>
                 </button>
 
                 <button onclick="aiCategorizeCards(this)" class="flex items-center space-x-1.5 px-3 py-2 rounded-xl bg-indigo-50 hover:bg-indigo-100 dark:bg-indigo-950/50 dark:hover:bg-indigo-900/50 text-indigo-700 dark:text-indigo-300 border border-indigo-200 dark:border-indigo-800/60 text-xs font-bold transition cursor-pointer shadow-xs" title="Sorteer alle kaartjes automatisch in Ideeën, Knelpunten, Oplossingen of Quick Wins">
                     <i data-lucide="wand-2" class="w-4 h-4 text-indigo-500"></i>
-                    <span>✨ Auto-Categoriseer</span>
+                    <span>Categoriseren</span>
                 </button>
             <?php endif; ?>
 
diff --git a/jira.php b/jira.php
index 3418e56..bfc4c05 100644
--- a/jira.php
+++ b/jira.php
@@ -117,9 +117,6 @@ $boardsJson = json_encode($boards, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT
                             </span>
                         <?php endif; ?>
                     </div>
-                    <p class="text-xs text-slate-500 dark:text-slate-400 mt-1">
-                        Beheer tickets toegewezen aan jou en je projectteams. Plan ze direct in je dagplanning of zet ze op een Kanban bord.
-                    </p>
                 </div>
             </div>
 
diff --git a/planner.php b/planner.php
index 3491717..794bdc0 100644
--- a/planner.php
+++ b/planner.php
@@ -527,16 +527,29 @@ for ($h = $startHour; $h <= $endHour; $h++) {
                 <h1 class="text-2xl sm:text-3xl font-black tracking-tight text-slate-900 dark:text-white">
                     Fociz
                 </h1>
-                <p class="text-xs sm:text-sm text-slate-500 dark:text-slate-400 mt-0.5">
-                    Jouw centrale werkstation &bull; Taken, Agenda, Mail & Jira
-                </p>
             </div>
 
-            <!-- Instellingen Knop (Widgets & Indeling) -->
-            <div class="flex items-center space-x-2">
-                <button onclick="openWidgetManagerModal()" class="p-2 rounded-xl text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800/80 transition cursor-pointer border border-transparent hover:border-slate-200 dark:hover:border-slate-700" title="Widgets & Indeling beheren">
+            <!-- Instellingen Dropdown (Widgets, Indeling & Dagen Blokkeren) -->
+            <div class="relative">
+                <button id="plannerSettingsDropdownBtn" onclick="togglePlannerSettingsMenu(event)" class="p-2 rounded-xl text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800/80 transition cursor-pointer border border-transparent hover:border-slate-200 dark:hover:border-slate-700" title="Dashboard Opties & Instellingen">
                     <i data-lucide="settings" class="w-5 h-5"></i>
                 </button>
+                <div id="plannerSettingsDropdownMenu" class="hidden absolute right-0 mt-2 w-56 rounded-2xl bg-white dark:bg-[#111624] border border-slate-200 dark:border-slate-800 shadow-xl py-1.5 z-50 text-xs text-slate-700 dark:text-slate-300">
+                    <button onclick="closePlannerSettingsMenu(); openWidgetManagerModal();" class="w-full text-left px-3.5 py-2 hover:bg-slate-50 dark:hover:bg-slate-800/70 flex items-center space-x-2.5 transition cursor-pointer">
+                        <i data-lucide="layout-grid" class="w-4 h-4 text-indigo-500"></i>
+                        <span class="font-medium">Widgets & Indeling</span>
+                    </button>
+                    <button onclick="closePlannerSettingsMenu(); openCalendarBlockModal();" class="w-full text-left px-3.5 py-2 hover:bg-slate-50 dark:hover:bg-slate-800/70 flex items-center space-x-2.5 transition cursor-pointer">
+                        <i data-lucide="palmtree" class="w-4 h-4 text-amber-500"></i>
+                        <span class="font-medium">Vakantie / Dagen Blokkeren</span>
+                    </button>
+                    <?php if ($isOutlookConnected): ?>
+                    <button onclick="closePlannerSettingsMenu(); triggerManualSync();" class="w-full text-left px-3.5 py-2 hover:bg-slate-50 dark:hover:bg-slate-800/70 flex items-center space-x-2.5 transition cursor-pointer border-t border-slate-100 dark:border-slate-800/80">
+                        <i data-lucide="refresh-cw" class="w-4 h-4 text-sky-500"></i>
+                        <span class="font-medium">Outlook Synchroniseren</span>
+                    </button>
+                    <?php endif; ?>
+                </div>
             </div>
         </div>
     </div>
@@ -2816,6 +2829,32 @@ if ($isAjaxRequest) {
 </div>
 
 <script>
+// --- Dashboard Banner Instellingen Dropdown Menu ---
+function togglePlannerSettingsMenu(e) {
+    if (e) e.stopPropagation();
+    const menu = document.getElementById('plannerSettingsDropdownMenu');
+    if (menu) {
+        menu.classList.toggle('hidden');
+    }
+}
+
+function closePlannerSettingsMenu() {
+    const menu = document.getElementById('plannerSettingsDropdownMenu');
+    if (menu) {
+        menu.classList.add('hidden');
+    }
+}
+
+document.addEventListener('click', function(e) {
+    const menu = document.getElementById('plannerSettingsDropdownMenu');
+    const btn = document.getElementById('plannerSettingsDropdownBtn');
+    if (menu && !menu.classList.contains('hidden')) {
+        if (!menu.contains(e.target) && !btn.contains(e.target)) {
+            closePlannerSettingsMenu();
+        }
+    }
+});
+
 // --- Fociz Widget Beheer & Configuratielogica (v2.0) ---
 let focizWidgets = <?= json_encode(array_values($userWidgetLayout), JSON_UNESCAPED_UNICODE) ?>;
 const defaultWidgetLayout = <?= json_encode(array_values($availableWidgets), JSON_UNESCAPED_UNICODE) ?>;
diff --git a/timeline.php b/timeline.php
index 3c866a0..9436c68 100644
--- a/timeline.php
+++ b/timeline.php
@@ -71,9 +71,7 @@ html.dark #timelineGridWrapper::-webkit-scrollbar-thumb {
                                 Beheerder
                             </span>
                         </div>
-                        <p id="boardDescriptionText" class="text-xs text-slate-500 dark:text-slate-400 mt-0.5">
-                            Gantt-planning, mijlpalen & datumbereiken
-                        </p>
+                        <p id="boardDescriptionText" class="hidden text-xs text-slate-500 dark:text-slate-400 mt-0.5"></p>
                     </div>
                 </div>
 
@@ -534,7 +532,14 @@ async function loadBoardData(boardId) {
         if (data.success && data.has_board) {
             currentBoardData = data;
             
-            document.getElementById('boardDescriptionText').innerText = data.board.description || 'Geen toelichting';
+            const descEl = document.getElementById('boardDescriptionText');
+            if (data.board.description && data.board.description.trim() !== '') {
+                descEl.innerText = data.board.description;
+                descEl.classList.remove('hidden');
+            } else {
+                descEl.innerText = '';
+                descEl.classList.add('hidden');
+            }
             
             // Beheerdersbadge
             const badge = document.getElementById('boardRoleBadge');
diff --git a/users.php b/users.php
index 0832db3..1da715f 100644
--- a/users.php
+++ b/users.php
@@ -129,7 +129,7 @@ require_once __DIR__ . '/includes/header.php';
             Team & Uitnodigingen
         </h1>
         <p class="text-slate-500 dark:text-slate-400 text-xs sm:text-sm mt-1 max-w-2xl">
-            Fociz is strikt afgesloten: nieuwe collega's kunnen enkel toegang krijgen na het ontvangen van een uitnodigingslink en verplichte 2FA-activatie.
+            Beheer collega's, rollen en uitnodigingslinks voor toegang tot de Fociz omgeving.
         </p>
     </div>