implement missionContext and mission educationnalObjective

src/app/app.component.html

@@ -31,8 +31,8 @@
 
                         <div style="display: flex;">
                             <div class="container-scenario-main-missions-mission-missionPieces" [style.z-index]="3">
-                                <app-educational-objective></app-educational-objective>
-                                <app-mission-context [style.z-index]="2"></app-mission-context>
+                                <app-educational-objective [educationnalObjective]="mission.educationnalObjective"></app-educational-objective>
+                                <app-mission-context [style.z-index]="2" [missionContext]="mission.context"></app-mission-context>
                             </div>
 
                             <div class="container-scenario-main-missions-mission-roles" [style.z-index]="2">

src/app/pieces/educational-objective/educational-objective.component.html

@@ -13,7 +13,7 @@
         <div class="piece-form-title">Objectif pédagogique</div>
         <div class="piece-form-objective">
             <label for="objective">Commun pour la mission 1</label>
-            <textarea name="objective" placeholder="Comprendre les rôles impliqués dans la conception d'un site web"></textarea>
+            <textarea name="objective" [(ngModel)]="educationnalObjective.objective" placeholder="Comprendre les rôles impliqués dans la conception d'un site web"></textarea>
         </div>
             
     </div>

src/app/pieces/educational-objective/educational-objective.component.ts

-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
+import { EducationnalObjective } from 'src/app/class/educationnal-objective/educationnal-objective';
 
 @Component({
   selector: 'app-educational-objective',
@@ -7,6 +8,8 @@ import { Component, OnInit } from '@angular/core';
 })
 export class EducationalObjectiveComponent implements OnInit {
 
+  @Input() educationnalObjective: EducationnalObjective = new EducationnalObjective();
+
   constructor() { }
 
   ngOnInit(): void {

src/app/pieces/mission-context/mission-context.component.html

@@ -13,19 +13,19 @@
         <div class="piece-form-title">Contexte de la mission 1</div>
         <div class="piece-form-duration">
             <label for="duration">Durée</label>
-            <input name="duration" type="text" placeholder="1h"/>   
+            <input name="duration" type="text" [(ngModel)]="missionContext.duration" placeholder="1h"/>   
         </div>
         <div class="piece-form-intrigue">
             <label for="intrigue">Intrigue</label>
-            <textarea name="intrigue" placeholder="Concevez un site web ergonomique pour votre premier client"></textarea>  
+            <textarea name="intrigue" [(ngModel)]="missionContext.intrigue" placeholder="Concevez un site web ergonomique pour votre premier client"></textarea>  
         </div>
         <div class="piece-form-communication">
             <label for="communication">Moyen(s) de communication</label>
-            <textarea name="communication"></textarea>
+            <textarea name="communication" [(ngModel)]="missionContext.communication"></textarea>
         </div>
         <div class="piece-form-divers">
             <label for="divers">Divers</label>
-            <textarea name="divers"></textarea>
+            <textarea name="divers" [(ngModel)]="missionContext.various"></textarea>
         </div>
     </div>
 </div>

src/app/pieces/mission-context/mission-context.component.ts

-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
+import { MissionContext } from 'src/app/class/mission-context/mission-context';
 
 @Component({
   selector: 'app-mission-context',
@@ -9,6 +10,8 @@ export class MissionContextComponent implements OnInit {
 
   constructor() { }
 
+  @Input() missionContext: MissionContext = new MissionContext();
+
   ngOnInit(): void {
   }