feat: récupération sommaire des groupes de tâches

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

@@ -0,0 +1,30 @@
+<h1>
+  Page d'accueil
+</h1>
+
+<h2>
+  Section tâches
+</h2>
+<div>
+  @for (task of tasks(); track task.id_task) {
+    <p>
+      {{ task.name_task }}
+    </p>
+  }
+</div>
+
+<h2>
+  Section groupes de tâches
+</h2>
+<div>
+  @for (group of groups(); track group.id_group) {
+    <p>
+      {{ group.name_group }}
+    </p>
+  }
+</div>
+<h2>
+  Section projets
+</h2>
+
+<router-outlet />

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

@@ -1,21 +1,30 @@
 import { Component, inject, signal, WritableSignal } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
-import { TaskService } from '../../../services/task-service';
+import { TaskService } from '../../../services/task.service';
 import { Task } from '../../../model/Task';
+import { GroupService} from '../../../services/group.service';
+import { Group } from '../../../model/Group';
 
 @Component({
   imports: [RouterOutlet],
   selector: 'app-root',
-  styleUrl: './home.css',
-  templateUrl: './home.html',
+  styleUrl: './home.component.css',
+  templateUrl: './home.component.html',
 })
 export class Home {
   private taskService: TaskService = inject(TaskService);
+  private groupService: GroupService = inject(GroupService);
 
   tasks: WritableSignal<Task[]> = signal<Task[]>([]);
+  groups: WritableSignal<Group[]> = signal<Group[]>([]);
+
   public ngOnInit(): void {
     this.taskService.getTasks().subscribe((response: Task[]): void => {
       this.tasks.set(response);
     });
+
+    this.groupService.getGroups().subscribe((response:Group[]): void => {
+      this.groups.set(response);
+    })
   }
 }

src/view/pages/home/home.html

@@ -1,8 +0,0 @@
-<div>
-  @for (task of tasks(); track task.id_task) {
-    <p>
-      {{ task.name_task }}
-    </p>
-  }
-</div>
-<router-outlet />