Ajout diagram de gantt

src/app/milestones/milestone-detail/milestone-detail.ts

@@ -8,10 +8,11 @@ import { IssueEntity, IssuesStore } from '../../issues/issues.store';
 import { handleImagePaste, insertAtSelection } from '../../issues/paste-image.util';
 import { MilestoneEntity, MilestonesStore } from '../milestones.store';
 import { StatusEntity, StatusesStore } from '../../settings/statuses/statuses.store';
+import { GanttDiagram, GanttTask } from '../../shared/gantt-diagram/gantt-diagram';
 
 @Component({
   selector: 'app-milestone-detail',
-  imports: [FormsModule],
+  imports: [FormsModule, GanttDiagram],
   templateUrl: './milestone-detail.html',
   styleUrl: './milestone-detail.css',
 })
@@ -94,6 +95,21 @@ export class MilestoneDetail {
     return this.sanitizer.bypassSecurityTrustHtml(html);
   }
 
+  protected get milestoneGanttTasks(): GanttTask[] {
+    const tasks: GanttTask[] = [];
+    for (const issue of this.linkedIssues) {
+      if (!issue.startDate || !issue.endDate) continue;
+      tasks.push({
+        id: `issue-${issue.id}`,
+        name: `#${issue.id} ${issue.name}`,
+        start: issue.startDate,
+        end: issue.endDate,
+        progress: issue.progress,
+      });
+    }
+    return tasks;
+  }
+
   protected get progress(): number {
     if (this.linkedIssues.length === 0) return 0;
     return Math.round(
@@ -245,9 +261,9 @@ export class MilestoneDetail {
 
   private buildMilestone(): MilestoneEntity {
     if (this.route.snapshot.routeConfig?.path === 'milestones/new') {
-      return { id: 0, name: '', description: '', dueDate: '', issueIds: [] };
+      return { id: 0, name: '', description: '', startDate: '', endDate: '', dueDate: '', issueIds: [] };
     }
     const id = Number(this.route.snapshot.paramMap.get('id') ?? 0);
-    return this.milestonesStore.getById(id) ?? { id, name: '', description: '', dueDate: '', issueIds: [] };
+    return this.milestonesStore.getById(id) ?? { id, name: '', description: '', startDate: '', endDate: '', dueDate: '', issueIds: [] };
   }
 }