implement collapse expand for gant

public/js/script.js

@@ -5,6 +5,7 @@ let customFieldsMap = [];
 let lastUsername = '';
 let lastApiToken = '';
 let currentGanttView = 'month'; 
+let isGanttExpanded = false;
 let currentSortCol = null;
 let isAsc = true;
 
@@ -334,6 +335,38 @@ function setGanttView(view) {
     renderRoadmap();
 }
 
+function toggleGanttExpand() {
+    isGanttExpanded = !isGanttExpanded;
+    updateGanttExpandState();
+}
+
+function updateGanttExpandState() {
+    const container = document.querySelector('.gantt-container');
+    const icon = document.getElementById('ganttExpandIcon');
+    const label = document.getElementById('ganttExpandLabel');
+    const btn = document.getElementById('ganttExpandBtn');
+
+    if (container) {
+        if (isGanttExpanded) {
+            container.classList.add('expanded');
+        } else {
+            container.classList.remove('expanded');
+        }
+    }
+
+    if (icon && label) {
+        if (isGanttExpanded) {
+            icon.className = 'fa-solid fa-down-left-and-up-right-to-center';
+            label.textContent = 'Replier';
+            if (btn) btn.classList.add('active');
+        } else {
+            icon.className = 'fa-solid fa-up-right-and-down-left-from-center';
+            label.textContent = 'Déplier';
+            if (btn) btn.classList.remove('active');
+        }
+    }
+}
+
 // --- FONCTIONS UTILITAIRES POUR LE GANTT ---
 
 /**
@@ -458,7 +491,7 @@ function renderRoadmap() {
     }, {});
 
     // Début HTML
-    let html = `<div class="gantt-container"><div class="gantt-canvas" style="width: ${leftWidth + (timeScale.length * colWidth)}px;">`;
+    let html = `<div class="gantt-container ${isGanttExpanded ? 'expanded' : ''}"><div class="gantt-canvas" style="width: ${leftWidth + (timeScale.length * colWidth)}px;">`;
     
     // Ligne "Aujourd'hui"
     const todayX = getXPos(new Date());