Commit 0ad05cee authored by Romain DELEAU's avatar Romain DELEAU

implement missionContext and mission educationnalObjective

parent 6139d84c
...@@ -31,8 +31,8 @@ ...@@ -31,8 +31,8 @@
<div style="display: flex;"> <div style="display: flex;">
<div class="container-scenario-main-missions-mission-missionPieces" [style.z-index]="3"> <div class="container-scenario-main-missions-mission-missionPieces" [style.z-index]="3">
<app-educational-objective></app-educational-objective> <app-educational-objective [educationnalObjective]="mission.educationnalObjective"></app-educational-objective>
<app-mission-context [style.z-index]="2"></app-mission-context> <app-mission-context [style.z-index]="2" [missionContext]="mission.context"></app-mission-context>
</div> </div>
<div class="container-scenario-main-missions-mission-roles" [style.z-index]="2"> <div class="container-scenario-main-missions-mission-roles" [style.z-index]="2">
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<div class="piece-form-title">Objectif pédagogique</div> <div class="piece-form-title">Objectif pédagogique</div>
<div class="piece-form-objective"> <div class="piece-form-objective">
<label for="objective">Commun pour la mission 1</label> <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>
</div> </div>
......
import { Component, OnInit } from '@angular/core'; import { Component, Input, OnInit } from '@angular/core';
import { EducationnalObjective } from 'src/app/class/educationnal-objective/educationnal-objective';
@Component({ @Component({
selector: 'app-educational-objective', selector: 'app-educational-objective',
...@@ -7,6 +8,8 @@ import { Component, OnInit } from '@angular/core'; ...@@ -7,6 +8,8 @@ import { Component, OnInit } from '@angular/core';
}) })
export class EducationalObjectiveComponent implements OnInit { export class EducationalObjectiveComponent implements OnInit {
@Input() educationnalObjective: EducationnalObjective = new EducationnalObjective();
constructor() { } constructor() { }
ngOnInit(): void { ngOnInit(): void {
......
...@@ -13,19 +13,19 @@ ...@@ -13,19 +13,19 @@
<div class="piece-form-title">Contexte de la mission 1</div> <div class="piece-form-title">Contexte de la mission 1</div>
<div class="piece-form-duration"> <div class="piece-form-duration">
<label for="duration">Durée</label> <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>
<div class="piece-form-intrigue"> <div class="piece-form-intrigue">
<label for="intrigue">Intrigue</label> <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>
<div class="piece-form-communication"> <div class="piece-form-communication">
<label for="communication">Moyen(s) de communication</label> <label for="communication">Moyen(s) de communication</label>
<textarea name="communication"></textarea> <textarea name="communication" [(ngModel)]="missionContext.communication"></textarea>
</div> </div>
<div class="piece-form-divers"> <div class="piece-form-divers">
<label for="divers">Divers</label> <label for="divers">Divers</label>
<textarea name="divers"></textarea> <textarea name="divers" [(ngModel)]="missionContext.various"></textarea>
</div> </div>
</div> </div>
</div> </div>
import { Component, OnInit } from '@angular/core'; import { Component, Input, OnInit } from '@angular/core';
import { MissionContext } from 'src/app/class/mission-context/mission-context';
@Component({ @Component({
selector: 'app-mission-context', selector: 'app-mission-context',
...@@ -9,6 +10,8 @@ export class MissionContextComponent implements OnInit { ...@@ -9,6 +10,8 @@ export class MissionContextComponent implements OnInit {
constructor() { } constructor() { }
@Input() missionContext: MissionContext = new MissionContext();
ngOnInit(): void { ngOnInit(): void {
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment