Add and edit recipes (#3)

Co-authored-by: clfreville2 <clement.freville2@etu.uca.fr>
Reviewed-on: https://codefirst.iut.uca.fr/git/clement.freville2/tiramisu/pulls/3

src/app/recipe-add/recipe-add.component.ts

@@ -1,10 +1,77 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { FormBuilder, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { Ingredient, IngredientEntry, Recipe } from '../../cookbook/type';
+import { RecipeService } from '../recipe.service';
 
 @Component({
   selector: 'app-recipe-add',
   standalone: true,
-  imports: [],
+  imports: [ReactiveFormsModule, FormsModule],
   templateUrl: './recipe-add.component.html',
 })
 export class RecipeAddComponent {
+  createForm = this.formBuilder.group({
+    name: ['', Validators.maxLength(256)],
+    description: ['', Validators.maxLength(512)],
+    selectedIngredient: '',
+  });
+
+  ingredientEntries: IngredientEntry[] = [];
+  ingredients: Ingredient[] = [{
+    id: 1,
+    name: 'Paprika',
+  }];
+
+  #recipeId: number = -1;
+  @Input()
+  set recipeId(recipeId: string) {
+    if (recipeId === undefined) return;
+    this.#recipeId = parseInt(recipeId);
+    const recipe = this.recipes.get(this.#recipeId);
+    if (recipe === null) {
+      this.router.navigateByUrl('404');
+      return;
+    }
+    this.createForm.patchValue({
+      name: recipe.name,
+      description: recipe.description,
+    });
+  }
+
+  constructor(private formBuilder: FormBuilder, private recipes: RecipeService, private router: Router) {}
+
+  onSubmit(): void {
+    if (this.createForm.invalid) {
+      return;
+    }
+    const value = this.createForm.value;
+    const partial: Omit<Recipe, 'id'> = {
+      name: value.name!,
+      description: value.description!,
+      image: '',
+      ingredients: this.ingredientEntries,
+    };
+    if (this.#recipeId === -1) {
+      this.recipes.add(partial);
+    } else {
+      this.recipes.edit({ id: this.#recipeId, ...partial });
+    }
+  }
+
+  onAddIngredient(): void {
+    const value = this.createForm.value;
+    if (!value.selectedIngredient) {
+      return;
+    }
+    const id = parseInt(value.selectedIngredient!);
+    if (this.ingredientEntries.find((ingredient) => ingredient.idIngredient === id)) {
+      return;
+    }
+    this.ingredientEntries.push({
+      idIngredient: id,
+      idRecipe: -1,
+      quantity: 1,
+    });
+  }
 }