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/model/Task.ts

@@ -1,6 +1,6 @@
 export interface Task {
   date_task: Date;
-  id_group: number;
+  id_group?: number;
   id_task: number;
   name_task: string;
   priority_task: number;

src/services/base.service.ts

@@ -5,7 +5,13 @@ import { Observable } from 'rxjs';
 @Service()
 export class BaseService {
   private readonly http: HttpClient = inject(HttpClient);
+  private readonly baseAddress: string = "http://127.0.0.1:8080/";
+
   protected get<T>(url: string): Observable<T> {
-    return this.http.get<T>(url);
+    return this.http.get<T>(this.baseAddress + url);
+  }
+
+  protected post<T>(url: string, body: T): Observable<T> {
+    return this.http.post<T>(this.baseAddress + url, body);
   }
 }

src/services/group.service.ts

@@ -5,6 +5,15 @@ import { Group } from '../model/Group';
 @Service()
 export class GroupService extends BaseService {
   public getGroups(): Observable<Group[]> {
-    return this.get<Group[]>("http://127.0.0.1:8080/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

@@ -6,6 +6,15 @@ import { Project } from '../model/Project';
 @Service()
 export class ProjectService extends BaseService {
   public getProjects(): Observable<Project[]> {
-    return this.get<Project[]>("http://127.0.0.1:8080/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/services/task.service.ts

@@ -6,6 +6,17 @@ import { BaseService } from './base.service';
 @Service()
 export class TaskService extends BaseService {
   public getTasks(): Observable<Task[]> {
-    return this.get<Task[]>("http://127.0.0.1:8080/task");
+    return this.get<Task[]>("task");
+  }
+
+  public addTask(name: string, dueDate: string | null, priority: string | null, status: string | null): Observable<Task> {
+    let body: Task = {
+      name_task: name,
+      date_task: new Date(dueDate!),
+      priority_task: parseInt(priority!),
+      status_task: status!,
+      id_task: 0
+    }
+    return this.post<Task>("task/add", body);
   }
 }

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

@@ -11,6 +11,28 @@
       {{ task.name_task }}
     </p>
   }
+
+  <button (click)="toggleTaskForm()">
+    Ajouter une tâche
+  </button>
+
+  @if (showTaskForm){
+    <form [formGroup]="newTaskForm" (ngSubmit)="submitTask()">
+      <label for="name-task">Nom </label>
+      <input id="name-task" type="text" formControlName="name" />
+
+      <label for="date-task">Date limite </label>
+      <input id="date-task" type="date" formControlName="dueDate" />
+
+      <label for="priority-task">Priorité </label>
+      <input id="priority-task" type="number" formControlName="priority" />
+
+      <label for="status-task">Statut </label>
+      <input id="status-task" type="status" formControlName="status" />
+
+      <button type="submit" [disabled]="!newTaskForm.valid">Valider</button>
+    </form>
+  }
 </div>
 
 <h2>
@@ -22,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>
@@ -33,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

@@ -6,14 +6,17 @@ import { GroupService } from '../../../services/group.service';
 import { Group } from '../../../model/Group';
 import { ProjectService } from '../../../services/project.service';
 import { Project } from '../../../model/Project';
+import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { Observable } from 'rxjs';
 
 @Component({
-  imports: [RouterOutlet],
+  imports: [RouterOutlet, ReactiveFormsModule],
   selector: 'app-root',
   styleUrl: './home.component.css',
   templateUrl: './home.component.html',
 })
 export class Home {
+  //#region Attributs
   private taskService: TaskService = inject(TaskService);
   private groupService: GroupService = inject(GroupService);
   private projectService: ProjectService = inject(ProjectService);
@@ -22,6 +25,29 @@ export class Home {
   groups: WritableSignal<Group[]> = signal<Group[]>([]);
   projects: WritableSignal<Project[]> = signal<Project[]>([]);
 
+  newTaskForm = new FormGroup({
+    name: new FormControl('', Validators.required),
+    dueDate: new FormControl(''),
+    priority: new FormControl(''),
+    status: new FormControl(''),
+  });
+
+  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);
@@ -35,4 +61,58 @@ export class Home {
       this.projects.set(response);
     })
   }
+
+  public toggleTaskForm(): void {
+    this.showTaskForm = !this.showTaskForm;
+  }
+
+  /**
+   * submitTask
+   */
+  public submitTask(): void {
+    let response: Observable<Task> = this.taskService.addTask(this.newTaskForm.controls.name.value!,
+      this.newTaskForm.controls.dueDate.value,
+      this.newTaskForm.controls.priority.value,
+      this.newTaskForm.controls.status.value);
+
+    response.subscribe(response => {
+      this.tasks.update(values => {
+        return [...values, response];
+      });
+    });
+  }
+
+  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];
+      });
+    });
+  }
 }