feat: suppression d'un projet

src/services/group.service.ts

@@ -16,4 +16,8 @@ export class GroupService extends BaseService {
 
     return this.post<Group>("group/add",body);
   }
+
+  public deleteGroup(id_group:number):Observable<void>{
+    return this.delete<void>(`group/delete?id=${id_group}`);
+  }
 }

src/view/pages/home/home.component.html

@@ -42,12 +42,18 @@
 <h2>
   Section groupes de tâches
 </h2>
+<div>
   <div>
     @for (group of groups(); track group.id_group) {
       <p>
         {{ group.name_group }}
       </p>
+
+      <button (click)="deleteGroup(group.id_group)">Supprimer le groupe </button>
     }
+  </div>
+
+  <br/>
 
   <button (click)="toggleGroupForm()">Ajouter un groupe</button>
 

src/view/pages/home/home.component.ts

@@ -142,6 +142,24 @@ export class Home {
     });
   }
 
+  /**
+   * deleteGroup
+   */
+  public deleteGroup(id_group:number) {
+    let response:Observable<void> = this.groupService.deleteGroup(id_group);
+
+    response.subscribe({
+      next: () => {
+        this.groups.update((groups) => {
+          return groups.filter(((group) => group.id_group != id_group));
+        });
+      },
+      error: (error) => {
+        console.error(`La suppression du groupe est impossible\nErreur: ${error.error.message}`);
+      }
+    });
+  }
+
   public toggleProjectForm(): void {
     this.showProjectForm = !this.showProjectForm;
   }