diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..b58b603 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,5 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ diff --git a/daidokoro/src/app/Component/accueil/accueil.component.html b/daidokoro/src/app/Component/accueil/accueil.component.html new file mode 100644 index 0000000..45c1d10 --- /dev/null +++ b/daidokoro/src/app/Component/accueil/accueil.component.html @@ -0,0 +1,62 @@ + + + + + Daidokoro + + + + + +
+ Accueil + Recettes + À Propos + Contact +
+ +
+
+

Liste Recettes

+ +
+
+ + + diff --git a/daidokoro/src/app/Component/accueil/accueil.component.ts b/daidokoro/src/app/Component/accueil/accueil.component.ts new file mode 100644 index 0000000..03a28cb --- /dev/null +++ b/daidokoro/src/app/Component/accueil/accueil.component.ts @@ -0,0 +1,14 @@ +import { Component } from '@angular/core'; +import {RecipeListComponent} from "../recipe-list/recipe-list.component"; + +@Component({ + selector: 'app-accueil', + standalone: true, + imports: [ + RecipeListComponent + ], + templateUrl: './accueil.component.html' +}) +export class AccueilComponent { + +} diff --git a/daidokoro/src/app/Component/recipe-list/recipe-list.component.html b/daidokoro/src/app/Component/recipe-list/recipe-list.component.html new file mode 100644 index 0000000..c923d26 --- /dev/null +++ b/daidokoro/src/app/Component/recipe-list/recipe-list.component.html @@ -0,0 +1,123 @@ + + + + +
+ Recette 1 +
+

Recette 1

+

Description courte de la recette 1.

+ +
+
+ +
+ Recette 2 +
+

Recette 2

+

Description courte de la recette 2.

+ + +
+
+ +
+ Recette 3 +
+

Recette 3

+

Description courte de la recette 3.

+ +
+
+ +
+ Recette 4 +
+

Recette 4

+

Description courte de la recette 4.

+ +
+
+ +
+ Recette 5 +
+

Recette 5

+

Description courte de la recette 5.

+ +
+
+ +
+ Recette 6 +
+

Recette 6

+

Description courte de la recette 6.

+ +
+
+ + diff --git a/daidokoro/src/app/Component/recipe-list/recipe-list.component.ts b/daidokoro/src/app/Component/recipe-list/recipe-list.component.ts new file mode 100644 index 0000000..2e08b25 --- /dev/null +++ b/daidokoro/src/app/Component/recipe-list/recipe-list.component.ts @@ -0,0 +1,22 @@ +import { Component, OnInit } from '@angular/core'; +import { RecipeService } from '../../Service/recipe.service'; +import { Recipe } from '../../Model/recipe.model'; +import {NgOptimizedImage} from "@angular/common"; + +@Component({ + selector: 'app-recipe-list', + templateUrl: './recipe-list.component.html', + imports: [ + NgOptimizedImage + ], + standalone: true +}) +export class RecipeListComponent implements OnInit { + recipes: Recipe[] = []; + + constructor(private recipeService: RecipeService) {} + + ngOnInit(): void { + this.recipes = this.recipeService.getRecipes(); + } +} diff --git a/daidokoro/src/app/Model/recipe.model.ts b/daidokoro/src/app/Model/recipe.model.ts new file mode 100644 index 0000000..601b384 --- /dev/null +++ b/daidokoro/src/app/Model/recipe.model.ts @@ -0,0 +1,6 @@ +export interface Recipe { + name: string; + date: string; + image: string; + ingredients: { name: string; quantity: string }[]; +} diff --git a/daidokoro/src/app/Service/recipe.service.ts b/daidokoro/src/app/Service/recipe.service.ts new file mode 100644 index 0000000..e61209a --- /dev/null +++ b/daidokoro/src/app/Service/recipe.service.ts @@ -0,0 +1,18 @@ +import { Injectable } from '@angular/core'; +import { Recipe } from '../Model/recipe.model'; + +@Injectable({ + providedIn: 'root' +}) +export class RecipeService { + private recipes: Recipe[] = JSON.parse(localStorage.getItem('recipes') || '[]'); + + getRecipes(): Recipe[] { + return this.recipes; + } + + addRecipe(recipe: Recipe): void { + this.recipes.push(recipe); + localStorage.setItem('recipes', JSON.stringify(this.recipes)); + } +} diff --git a/daidokoro/src/app/app.component.html b/daidokoro/src/app/app.component.html index 318deed..08872ad 100644 --- a/daidokoro/src/app/app.component.html +++ b/daidokoro/src/app/app.component.html @@ -1 +1,2 @@ + diff --git a/daidokoro/src/app/app.component.ts b/daidokoro/src/app/app.component.ts index 253d1ea..c42e030 100644 --- a/daidokoro/src/app/app.component.ts +++ b/daidokoro/src/app/app.component.ts @@ -1,11 +1,12 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; import {RecipeFormComponent} from "./component/recipe-form/recipe-form.component"; +import {AccueilComponent} from "./Component/accueil/accueil.component"; @Component({ selector: 'app-root', standalone: true, - imports: [RouterOutlet, RecipeFormComponent], + imports: [RouterOutlet, AccueilComponent,RecipeFormComponent], templateUrl: './app.component.html', styleUrl: './app.component.css' })