feat: Ajout de projet

src/model/Group.ts

@@ -1,5 +1,5 @@
 export interface Group{
   id_group: number;
-  id_project: number;
+  id_project?: number;
   name_group: string;
 }

src/services/group.service.ts

@@ -7,4 +7,13 @@ export class GroupService extends BaseService {
   public getGroups(): Observable<Group[]> {
     return this.get<Group[]>("group");
   }
+
+  public addGroup(name:string):Observable<Group>{
+    let body:Group = {
+      id_group:0,
+      name_group:name,
+    };
+
+    return this.post<Group>("group/add",body);
+  }
 }

src/services/project.service.ts

@@ -8,4 +8,13 @@ export class ProjectService extends BaseService {
   public getProjects(): Observable<Project[]> {
     return this.get<Project[]>("project");
   }
+
+  public addProject(name: string): Observable<Project> {
+    let body: Project = {
+      name_project: name,
+      id_project: 0
+    }
+
+    return this.post<Project>("project/add", body);
+  }
 }

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

@@ -12,7 +12,7 @@
     </p>
   }
 
-  <button (click)="toggleForm()">
+  <button (click)="toggleTaskForm()">
     Ajouter une tâche
   </button>
 
@@ -44,6 +44,18 @@
       {{ group.name_group }}
     </p>
   }
+
+  <button (click)="toggleGroupForm()">Ajouter un groupe</button>
+
+
+  @if (showGroupForm){
+    <form [formGroup]="newGroupForm" (ngSubmit)="submitGroup()">
+      <label for="name-group">Nom </label>
+      <input id="name-group" type="text" formControlName="name" />
+
+      <button type="submit" [disabled]="!newGroupForm.valid">Valider</button>
+    </form>
+  }
 </div>
 
 <h2>
@@ -55,6 +67,17 @@
       {{ project.name_project }}
     </p>
   }
+
+  <button (click)="toggleProjectForm()">Ajouter un projet</button>
+
+  @if (showProjectForm){
+    <form [formGroup]="newProjectForm" (ngSubmit)="submitProject()">
+      <label for="name-project">Nom </label>
+      <input id="name-project" type="text" formControlName="name" />
+
+      <button type="submit" [disabled]="!newProjectForm.valid">Valider</button>
+    </form>
+  }
 </div>
 
 <router-outlet />

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

@@ -16,6 +16,7 @@ import { Observable } from 'rxjs';
   templateUrl: './home.component.html',
 })
 export class Home {
+  //#region Attributs
   private taskService: TaskService = inject(TaskService);
   private groupService: GroupService = inject(GroupService);
   private projectService: ProjectService = inject(ProjectService);
@@ -33,6 +34,20 @@ export class Home {
 
   showTaskForm: boolean = false;
 
+  newGroupForm = new FormGroup({
+    name: new FormControl('', Validators.required),
+  });
+
+  showGroupForm: boolean = false;
+
+  newProjectForm = new FormGroup({
+    name: new FormControl('', Validators.required),
+  });
+
+  showProjectForm: boolean = false;
+
+  //#endregion
+
   public ngOnInit(): void {
     this.taskService.getTasks().subscribe((response: Task[]): void => {
       this.tasks.set(response);
@@ -47,7 +62,7 @@ export class Home {
     })
   }
 
-  public toggleForm(): void {
+  public toggleTaskForm(): void {
     this.showTaskForm = !this.showTaskForm;
   }
 
@@ -66,4 +81,38 @@ export class Home {
       });
     });
   }
+
+  public toggleGroupForm(): void {
+    this.showGroupForm = !this.showGroupForm;
+  }
+
+  /**
+   * submitGroup
+   */
+  public submitGroup() {
+    let response: Observable<Group> = this.groupService.addGroup(this.newGroupForm.controls.name.value!);
+
+    response.subscribe(response => {
+      this.groups.update(values => {
+        return [...values, response];
+      });
+    });
+  }
+
+  public toggleProjectForm(): void {
+    this.showProjectForm = !this.showProjectForm;
+  }
+
+  /**
+   * submitProject
+   */
+  public submitProject() {
+    let response: Observable<Project> = this.projectService.addProject(this.newProjectForm.controls.name.value!);
+
+    response.subscribe(response => {
+      this.projects.update(values => {
+        return [...values, response];
+      });
+    });
+  }
 }