Please enable JavaScript.
Coggle requires JavaScript to display documents.
new-contract, automobile-contract-component, Deux-roues, Camion, new…
new-contract
static-contract-fields
automobile-contract-component
deux-roues.component
camion.component
shared
conducteur-informations-fields.components
camion-informations-fields.component
vehicle-informations-fields.component
if contractRisk =="camion" => camion-informations-fields.component
automobile-contract-component
automobile-contract.component.ts
autoForm : FormGroup = this.fb.group
immatriculation : new FormControl(validators.required)
dateImmatriculation : new FormControl(validators.required)
genre
marque
modele
type
puissance
places
groupe
classe
gta
usage
credit
conducteurs : FormArray = this.fb.array([ ])
clientConducteur
newConducteur() : formGroup
{ return this.fb.group({ }) }
nom : new FormControl(validators.required)
dateNaissance
permis
datePermis
bonusFormGroup : FormGroup
Bonus
dateBonus
nombreSR
nombreSNR
addConducteur()
{ this.conducteurs.push( this.newConducteur() ) }
removeConducteur(conducteurIndex)
{this.conducteurs.removeAt(conducteurIndex) }
get Conducteurs()
: FormArray { return this.autoForm.get("conducteurs") as FormArray }
automobile-contract.component.html
[formGroup]=autoForm
<label>Immatriculation</label>
<input type="text">
<label> Date Immatriculation </lable>
<input dateInput datePicker>
Conducteurs
<div formArrayname="conducteurs"
*ngFor="let conducteur of this.conducteurs().controls; let i=index
<div formGroupName="i"
nom
<input tpe="text required>
Date de naissance
<input dateInput datePicker>
Permis
<mat-select *ngfor='let permis of référentielVéhicule.permis </mat-select>
vehicle-informations.component
Marque
<mat-option *ngFor='let marque of référentielVéhicule.marque' </mat-option>
Modele
<mat-option *ngFor='let modele of référentielVéhicule.modele' </mat-option>
Carosserie
<input type="text" mask>
Puissance
<input type="number" mask>
Energie
<input type="text" mask>
Version
<input>
contractService
OnInit : If(contractRisk' == Auto') => getServices
Deux-roues
deux-roues.component.ts
deuxRouesForm : FormGroup = this.fb.group
immatriculation : new FormControl(validators.required)
dateImmatriculation : new FormControl(validators.required)
genre
marque
modele
type
puissance
places
groupe
classe
gta
usage
credit
conducteurs : FormArray = this.fb.array([ ])
clientConducteur
removeConducteur(conducteurIndex)
{this.conducteurs.removeAt(conducteurIndex) }
addConducteur()
{ this.conducteurs.push( this.newConducteur() ) }
get Conducteurs()
: FormArray { return this.autoForm.get("conducteurs") as FormArray }
newConducteur() : formGroup
{ return this.fb.group({ }) }
nombreSNR
nombreSR
bonusFormGroup : FormGroup
dateBonus
Bonus
datePermis
permis
dateNaissance
nom : new FormControl(validators.required)
deux-roues.component.html
[formGroup]=deuxRouesForm
<label>Immatriculation</label>
<input type="text">
<label> Date Immatriculation </lable>
<input dateInput datePicker>
vehicle-informations.component
Modele
<mat-option *ngFor='let modele of référentielVéhicule.modele' </mat-option>
Puissance
<input type="number" mask>
Carosserie
<input type="text" mask>
Energie
<input type="text" mask>
Marque
<mat-option *ngFor='let marque of référentielVéhicule.marque' </mat-option>
Version
<input>
contractService
OnInit : If(contractRisk' == Deux roues') => getServices
Conducteurs
<div formArrayname="conducteurs"
*ngFor="let conducteur of this.conducteurs().controls; let i=index
<div formGroupName="i"
nom
<input tpe="text required>
Date de naissance
<input dateInput datePicker>
Permis
<mat-select *ngfor='let permis of référentielVéhicule.permis </mat-select>
Camion
camion.component.ts
camionForm : FormGroup = this.fb.group
immatriculation : new FormControl(validators.required)
dateImmatriculation : new FormControl(validators.required)
genre
marque
modele
type
puissance
places
groupe
classe
gta
usage
credit
conducteurs : FormArray = this.fb.array([ ])
clientConducteur
newConducteur() : formGroup
{ return this.fb.group({ }) }
nombreSNR
nombreSR
bonusFormGroup : FormGroup
dateBonus
Bonus
datePermis
permis
dateNaissance
nom : new FormControl(validators.required)
addConducteur()
{ this.conducteurs.push( this.newConducteur() ) }
removeConducteur(conducteurIndex)
{this.conducteurs.removeAt(conducteurIndex) }
get Conducteurs()
: FormArray { return this.autoForm.get("conducteurs") as FormArray }
camion.component.html
[formGroup]=camionForm :
<label>Immatriculation</label>
<input type="text">
<label> Date Immatriculation </lable>
<input dateInput datePicker>
Conducteurs
<div formArrayname="conducteurs"
*ngFor="let conducteur of this.conducteurs().controls; let i=index
<div formGroupName="i"
nom
<input tpe="text required>
Date de naissance
<input dateInput datePicker>
Permis
<mat-select *ngfor='let permis of référentielVéhicule.permis </mat-select>
vehicle-informations.component
Marque
<mat-option *ngFor='let marque of référentielVéhicule.marque' </mat-option>
Modele
<mat-option *ngFor='let modele of référentielVéhicule.modele' </mat-option>
Version
<input>
contractService
OnInit : If(contractRisk' == camion') => getServices
camion-fields.component
new-contract.ts
referentielVéhicule : IreferentielVéhicule = staticContractService.getInformationAuto();
staticContractService
getInformationAuto() { return informationAutoAdapter.adapt(result) }
informationAutoAdapter
genre:string[ ]
marque :string[ ]
modele:string[ ]
type:string[ ]
places : entierPositif
puissance : entierPositif
groupe : string[ ]
Cross-field validation