NiekRabelink/Fociz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor code structure for improved readability and maintainability

Browse Source
This commit is contained in:
Niek Rabelink
2026-09-09 22:31:19 +02:00
parent eda90dbba6
commit d4fd706eca
4 changed files with 1206 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
includes/header.php
+15 -4
View File
@@ -162,9 +162,9 @@ require_once __DIR__ . '/env_badge.php';
<span>Planning</span>
</a>
<!-- Dropdown: Projecten (Bord, Brainstorm, Roadmap) -->
<!-- Dropdown: Projecten (Bord, Tijdlijn, Brainstorm, Roadmap) -->
<?php
$isProjectsActive = in_array($currentPage, ['board.php', 'brainstorm.php', 'brainstorm_canvas.php', 'roadmap.php']);
$isProjectsActive = in_array($currentPage, ['board.php', 'timeline.php', 'brainstorm.php', 'brainstorm_canvas.php', 'roadmap.php']);
?>
<div class="relative group/projects">
<button type="button" class="flex items-center space-x-1.5 px-3 py-1.5 rounded-xl text-xs font-semibold transition cursor-pointer <?= $isProjectsActive ? 'bg-indigo-50 text-indigo-700 border border-indigo-200/70 shadow-2xs dark:bg-indigo-500/10 dark:text-indigo-300 dark:border-indigo-500/20' : 'text-slate-600 hover:text-slate-900 hover:bg-slate-100 dark:text-slate-400 dark:hover:text-slate-200 dark:hover:bg-slate-800/60' ?>">
@@ -185,7 +185,18 @@ require_once __DIR__ . '/env_badge.php';
</div>
</a>
<!-- 2. Brainstorm -->
<!-- 2. Tijdlijn (Gantt) -->
<a href="/timeline.php" class="flex items-start space-x-3 p-2.5 rounded-xl transition <?= $currentPage === 'timeline.php' ? 'bg-indigo-50 text-indigo-700 dark:bg-indigo-500/15 dark:text-indigo-300' : 'text-slate-700 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-800/70' ?>">
<div class="w-8 h-8 rounded-lg bg-violet-100 dark:bg-violet-500/20 text-violet-600 dark:text-violet-400 flex items-center justify-center flex-shrink-0 mt-0.5">
<i data-lucide="clock" class="w-4 h-4"></i>
</div>
<div>
<div class="text-xs font-bold leading-tight">Tijdlijn</div>
<div class="text-[11px] text-slate-500 dark:text-slate-400 leading-snug">Gantt-planning & projectkalender</div>
</div>
</a>
<!-- 3. Brainstorm -->
<a href="/brainstorm.php" class="flex items-start space-x-3 p-2.5 rounded-xl transition <?= in_array($currentPage, ['brainstorm.php', 'brainstorm_canvas.php']) ? 'bg-indigo-50 text-indigo-700 dark:bg-indigo-500/15 dark:text-indigo-300' : 'text-slate-700 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-800/70' ?>">
<div class="w-8 h-8 rounded-lg bg-amber-100 dark:bg-amber-500/20 text-amber-600 dark:text-amber-400 flex items-center justify-center flex-shrink-0 mt-0.5">
<i data-lucide="lightbulb" class="w-4 h-4"></i>
@@ -460,5 +471,5 @@ function focizQuickToggleTheme() {
}
</script>
<?php $isBoardPage = ($currentPage === 'board.php'); ?>
<?php $isBoardPage = in_array($currentPage, ['board.php', 'timeline.php']); ?>
<main id="focizMainContainer" class="flex-1 <?= $isBoardPage ? 'w-full max-w-none px-3 sm:px-6 py-4' : 'max-w-7xl w-full mx-auto p-4 sm:p-6 lg:p-8' ?> transition-all duration-300">