Add donnée

src/app/component/blogs/blogs.component.ts

@@ -1,5 +1,7 @@
 import { Component } from '@angular/core';
 
+import { DataService } from '@services/data.service';
+
 @Component({
   selector: 'app-blogs',
   standalone: false,
@@ -7,5 +9,9 @@ import { Component } from '@angular/core';
   styleUrl: './blogs.component.css'
 })
 export class BlogsComponent {
+  constructor(private dataService: DataService) {}
 
+  get blogs() {
+    return this.dataService.getBlogs();
+  }
 }

src/app/component/contact/contact.component.ts

@@ -1,5 +1,7 @@
 import { Component } from '@angular/core';
 
+import { DataService } from '@services/data.service';
+
 @Component({
   selector: 'app-contact',
   standalone: false,
@@ -7,5 +9,9 @@ import { Component } from '@angular/core';
   styleUrl: './contact.component.css'
 })
 export class ContactComponent {
+  constructor(private dataService: DataService) {}
   
+  get addresses() {
+    return this.dataService.getAddresses();
+  }
 }

src/app/component/home/all/home-symptoms/home-symptoms.component.html

@@ -4,10 +4,10 @@
 </div>
 
 <div class="row">
-    <div *ngFor="let symptom of symptoms" class="col-md-6 mb-3">
+    <div *ngFor="let symptom of symptoms | slice:0:4" class="col-md-6 mb-3">
         <div class="card p-3">
             <div class="d-flex align-items-center">
-                <img [src]="symptom.imageName" [alt]="symptom.title" class="me-3">
+                <img [src]="symptom.imageName" [alt]="symptom.title" class="me-3" style="width: 100px;">
                 <div>
                     <h5 class="text-primary">{{ symptom.title }}</h5>
                     <p>{{ symptom.description }}</p>

src/app/component/symptoms/symptoms.component.html

@@ -1 +1,18 @@
-<p>symptoms works!</p>
+<div class="text-center mb-4">
+    <h2 class="text-primary">Symptôme du Coronavirus</h2>
+    <p>Lorem, ipsum dolor sit amet consectetur...</p>
+</div>
+
+<div class="row">
+    <div *ngFor="let symptom of symptoms" class="col-md-6 mb-3">
+        <div class="card p-3">
+            <div class="d-flex align-items-center">
+                <img [src]="symptom.imageName" [alt]="symptom.title" class="me-3" style="width: 100px;">
+                <div>
+                    <h5 class="text-primary">{{ symptom.title }}</h5>
+                    <p>{{ symptom.description }}</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

src/app/component/symptoms/symptoms.component.ts

@@ -1,5 +1,7 @@
 import { Component } from '@angular/core';
 
+import { DataService } from '@services/data.service';
+
 @Component({
   selector: 'app-symptoms',
   standalone: false,
@@ -7,5 +9,9 @@ import { Component } from '@angular/core';
   styleUrl: './symptoms.component.css'
 })
 export class SymptomsComponent {
+  constructor(private dataService: DataService) {}
 
+  get symptoms() {
+    return this.dataService.getSymptoms();
+  }
 }

src/app/service/all/address/address.service.ts

@@ -7,10 +7,10 @@ export class AddressService {
   constructor() { }
 
   private addresses = [
-    { title: "Adresse 1", type: "Dépistage", address: "39 Rue Albert 75013 Paris" },
-    { title: "Adresse 2", type: "Vaccination", address: "10 Rue de la Huchette 75005 Paris" },
-    { title: "Adresse 3", type: "Dépistage", address: "29 Rue de Caumartin 75009 Paris" },
-    { title: "Adresse 4", type: "Dépistage & Vaccination", address: "4 Villa Monceau 75017 Paris" }
+    { title: "Centre de Dépistage - Laboratoire Biomédical", type: "Dépistage", address: "15 Rue de la Colombette, 31000 Toulouse" },
+    { title: "Centre de Vaccination Municipal Toulouse La Daurade", type: "Vaccination", address: "17 Place de la Daurade, 31000 Toulouse" },
+    { title: "Pharmacie des Pyrénées", type: "Dépistage", address: "77 Boulevard de Strasbourg, 31000 Toulouse" },
+    { title: "Centre de Vaccination - CHU Toulouse Purpan", type: "Dépistage & Vaccination", address: "1 Place du Docteur Joseph Baylac, 31300 Toulouse" }
   ];
 
   getAddresses() {

src/app/service/all/blog/blog.service.ts

@@ -7,10 +7,26 @@ export class BlogService {
   constructor() { }
 
   private blogs = [
-    { title: "Blog 1", date: "2022-03-19", text: "Contenu..." },
-    { title: "Blog 2", date: "2022-12-14", text: "Contenu..." },
-    { title: "Blog 3", date: "2022-05-16", text: "Contenu..." },
-    { title: "Blog 4", date: "2022-05-04", text: "Contenu..." }
+    {
+      title: "Déclaration de la pandémie par l'OMS",
+      date: "2020-03-11",
+      text: "L'Organisation mondiale de la santé (OMS) a déclaré le COVID-19 comme une pandémie mondiale, soulignant la gravité et la rapidité de la propagation du virus."
+    },
+    {
+      title: "Premier confinement en France",
+      date: "2020-03-17",
+      text: "La France a instauré un confinement national strict pour limiter la propagation du virus, entraînant la fermeture des écoles, des commerces non essentiels et des restrictions de déplacement."
+    },
+    {
+      title: "Début de la campagne de vaccination en France",
+      date: "2020-12-27",
+      text: "La France a lancé sa campagne de vaccination contre le COVID-19, en commençant par les populations les plus vulnérables."
+    },
+    {
+      title: "Levée progressive des restrictions sanitaires",
+      date: "2021-06-09",
+      text: "La France a entamé une levée progressive des restrictions, avec la réouverture des restaurants, des lieux culturels et l'assouplissement du couvre-feu."
+    }
   ];
 
   getBlogs() {

src/app/service/all/symptom/symptom.service.ts

@@ -7,10 +7,46 @@ export class SymptomService {
   constructor() { }
 
   private symptoms = [
-    { title: "Toux", imageName: "/assets/toux.png", description: "Lorem ipsum dolor sit amet..." },
-    { title: "Fièvre", imageName: "/assets/fievre.png", description: "Lorem ipsum dolor sit amet..." },
-    { title: "Migraine", imageName: "/assets/migraine.png", description: "Lorem ipsum dolor sit amet..." },
-    { title: "Mal de gorge", imageName: "/assets/gorge.png", description: "Lorem ipsum dolor sit amet..." }
+    {
+      title: "Toux",
+      imageName: "/assets/toux.png",
+      description: "Une toux sèche et persistante est l'un des premiers symptômes du COVID-19. Elle peut être accompagnée de difficultés respiratoires."
+    },
+    {
+      title: "Fièvre",
+      imageName: "/assets/fievre.png",
+      description: "Une fièvre supérieure à 38°C est un symptôme courant du COVID-19, indiquant que le corps combat une infection."
+    },
+    {
+      title: "Fatigue",
+      imageName: "/assets/what.avif",
+      description: "Un état de fatigue intense, même sans activité physique, est fréquemment observé chez les personnes atteintes du virus."
+    },
+    {
+      title: "Perte du goût et de l'odorat",
+      imageName: "/assets/what.avif",
+      description: "L'anosmie (perte de l'odorat) et l'agueusie (perte du goût) sont des symptômes spécifiques souvent signalés par les patients atteints du COVID-19."
+    },
+    {
+      title: "Difficultés respiratoires",
+      imageName: "/assets/what.avif",
+      description: "Une sensation d'essoufflement ou une difficulté à respirer peut indiquer une forme plus grave de l'infection nécessitant une prise en charge médicale."
+    },
+    {
+      title: "Maux de gorge",
+      imageName: "/assets/gorge.png",
+      description: "Un mal de gorge accompagné d'une sensation de brûlure ou de picotements peut être un signe d'infection par le virus."
+    },
+    {
+      title: "Maux de tête",
+      imageName: "/assets/migraine.png",
+      description: "Des céphalées intenses et persistantes sont rapportées par de nombreux patients atteints du COVID-19."
+    },
+    {
+      title: "Douleurs musculaires",
+      imageName: "/assets/what.avif",
+      description: "Des douleurs musculaires généralisées peuvent accompagner l'infection, similaires à celles observées lors d'une grippe."
+    }
   ];
 
   getSymptoms() {