Edition des issues

src/app/issues/issues.ts

@@ -1,13 +1,6 @@
-import { Component, signal } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { Router } from '@angular/router';
-
-type Issue = {
-  id: number;
-  title: string;
-  priority: 'Basse' | 'Moyenne' | 'Haute';
-  status: 'draft' | 'todo' | 'done' | 'in-progress';
-  assignee: string;
-};
+import { IssuesStore } from './issues.store';
 
 @Component({
   selector: 'app-issues',
@@ -16,39 +9,16 @@ type Issue = {
   styleUrl: './issues.css',
 })
 export class Issues {
-  constructor(private readonly router: Router) {}
+  private readonly router = inject(Router);
+  private readonly issuesStore = inject(IssuesStore);
 
-  protected readonly issues = signal<Issue[]>([
-    {
-      id: 1,
-      title: 'Bug affichage menu mobile',
-      priority: 'Haute',
-      status: 'in-progress',
-      assignee: 'Marie',
-    },
-    {
-      id: 2,
-      title: 'Erreur validation formulaire projet',
-      priority: 'Moyenne',
-      status: 'todo',
-      assignee: 'Nabil',
-    },
-    {
-      id: 3,
-      title: 'Mise a jour message de bienvenue',
-      priority: 'Basse',
-      status: 'done',
-      assignee: 'Sonia',
-    },
-  ]);
-
-  private nextId = 4;
+  protected readonly issues = this.issuesStore.issues;
 
   protected createIssue(): void {
+    const nextId = this.issuesStore.getNextId();
     this.router.navigate(['/issues/new'], {
-      queryParams: { draftId: this.nextId },
+      queryParams: { draftId: nextId, mode: 'edit' },
     });
-    this.nextId += 1;
   }
 
   protected openIssue(issueId: number): void {