AlexandreRuiz
/
Collaborateur_Epa_Front
2
1
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

raccourci f transformé en form

Browse Source
pull/13/head
Clement FERRERE 3 years ago
parent 58e2f4b63f
commit 5ee9651fcf
2 changed files with 42 additions and 42 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 82
      src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.html
  2. 2
      src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.ts

82
src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.html
Unescape View File

@ -6,40 +6,40 @@
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
<label class="form-label">Nom</label> <label class="form-label">Nom</label>
<input class="form-control" formControlName="name" [ngClass]="{ 'is-invalid': submitted && f.name.errors }"> <input class="form-control" formControlName="name" [ngClass]="{ 'is-invalid': submitted && form.name.errors }">
<div *ngIf="submitted && f.name.errors" class="invalid-feedback"> <div *ngIf="submitted && form.name.errors" class="invalid-feedback">
<div *ngIf="f.name.errors.required">Le nom d'un collaborateur est obligatoire</div> <div *ngIf="form.name.errors.required">Le nom d'un collaborateur est obligatoire</div>
</div> </div>
</div> </div>
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
<label class="form-label">Prénom</label> <label class="form-label">Prénom</label>
<input class="form-control" formControlName="firstName" <input class="form-control" formControlName="firstName"
[ngClass]="{ 'is-invalid': submitted && f.firstName.errors }"> [ngClass]="{ 'is-invalid': submitted && form.firstName.errors }">
<div *ngIf="submitted && f.firstName.errors" class="invalid-feedback"> <div *ngIf="submitted && form.firstName.errors" class="invalid-feedback">
<div *ngIf="f.firstName.errors.required">Le prénom d'un collaborateur est obligatoire</div> <div *ngIf="form.firstName.errors.required">Le prénom d'un collaborateur est obligatoire</div>
</div> </div>
</div> </div>
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
<label class="form-label">Date de naissance</label> <label class="form-label">Date de naissance</label>
<input type="date" class="form-control" formControlName="birthDate" (change)="onBirthDateChange($event)" <input type="date" class="form-control" formControlName="birthDate" (change)="onBirthDateChange($event)"
[ngClass]="{ 'is-invalid': submitted && f.birthDate.errors }"> [ngClass]="{ 'is-invalid': submitted && form.birthDate.errors }">
<div *ngIf="submitted && f.birthDate.errors" class="invalid-feedback"> <div *ngIf="submitted && form.birthDate.errors" class="invalid-feedback">
<div *ngIf="f.birthDate.errors.required">La date de naissance d'un collaborateur est obligatoire</div> <div *ngIf="form.birthDate.errors.required">La date de naissance d'un collaborateur est obligatoire</div>
</div> </div>
</div> </div>
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
<label class="form-label">Genre</label> <label class="form-label">Genre</label>
<select class="form-select" formControlName="gender" [ngClass]="{ 'is-invalid': submitted && f.gender.errors }"> <select class="form-select" formControlName="gender" [ngClass]="{ 'is-invalid': submitted && form.gender.errors }">
<option value="" disabled selected>Genre</option> <option value="" disabled selected>Genre</option>
<option value="MASCULIN">Masculin</option> <option value="MASCULIN">Masculin</option>
<option value="FEMININ">Féminin</option> <option value="FEMININ">Féminin</option>
<option value="AUTRE">Autre</option> <option value="AUTRE">Autre</option>
</select> </select>
<div *ngIf="submitted && f.gender.errors" class="invalid-feedback"> <div *ngIf="submitted && form.gender.errors" class="invalid-feedback">
<div *ngIf="f.gender.errors.required">Vous devez préciser le genre du collaborateur</div> <div *ngIf="form.gender.errors.required">Vous devez préciser le genre du collaborateur</div>
</div> </div>
</div> </div>
@ -49,42 +49,42 @@
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
<label class="form-label">Statut</label> <label class="form-label">Statut</label>
<select class="form-select" formControlName="status" [ngClass]="{ 'is-invalid': submitted && f.status.errors }"> <select class="form-select" formControlName="status" [ngClass]="{ 'is-invalid': submitted && form.status.errors }">
<option value="" disabled selected>Statut</option> <option value="" disabled selected>Statut</option>
<option value="CADRE">Cadre</option> <option value="CADRE">Cadre</option>
<option value="NON-CADRE">Non-cadre</option> <option value="NON-CADRE">Non-cadre</option>
<option value="ALTERNANT">Alternant</option> <option value="ALTERNANT">Alternant</option>
<option value="STAGIAIRE">Stagiaire</option> <option value="STAGIAIRE">Stagiaire</option>
</select> </select>
<div *ngIf="submitted && f.status.errors" class="invalid-feedback"> <div *ngIf="submitted && form.status.errors" class="invalid-feedback">
<div *ngIf="f.status.errors.required">Vous devez préciser le statut du collaborateur</div> <div *ngIf="form.status.errors.required">Vous devez préciser le statut du collaborateur</div>
</div> </div>
</div> </div>
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
<label class="form-label">Nombre d'enfants</label> <label class="form-label">Nombre d'enfants</label>
<input class="form-control" formControlName="childrenNumber" <input class="form-control" formControlName="childrenNumber"
[ngClass]="{ 'is-invalid': submitted && f.childrenNumber.errors }" type="number" min="0" [ngClass]="{ 'is-invalid': submitted && form.childrenNumber.errors }" type="number" min="0"
onkeyup="if(this.value<0){this.value= this.value * -1}"> onkeyup="if(this.value<0){this.value= this.value * -1}">
<div *ngIf="submitted && f.childrenNumber.errors" class="invalid-feedback"> <div *ngIf="submitted && form.childrenNumber.errors" class="invalid-feedback">
<div *ngIf="f.childrenNumber.errors.required">Le nombre d'enfant d'un collaborateur est obligatoire</div> <div *ngIf="form.childrenNumber.errors.required">Le nombre d'enfant d'un collaborateur est obligatoire</div>
</div> </div>
</div> </div>
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
<label class="form-label">Adresse</label> <label class="form-label">Adresse</label>
<input class="form-control" formControlName="address" [ngClass]="{ 'is-invalid': submitted && f.address.errors }"> <input class="form-control" formControlName="address" [ngClass]="{ 'is-invalid': submitted && form.address.errors }">
<div *ngIf="submitted && f.address.errors" class="invalid-feedback"> <div *ngIf="submitted && form.address.errors" class="invalid-feedback">
<div *ngIf="f.address.errors.required">L'adresse d'un collaborateur est obligatoire</div> <div *ngIf="form.address.errors.required">L'adresse d'un collaborateur est obligatoire</div>
</div> </div>
</div> </div>
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
<label class="form-label">Téléphone</label> <label class="form-label">Téléphone</label>
<input class="form-control" formControlName="telephone" <input class="form-control" formControlName="telephone"
[ngClass]="{ 'is-invalid': submitted && f.telephone.errors }"> [ngClass]="{ 'is-invalid': submitted && form.telephone.errors }">
<div *ngIf="submitted && f.telephone.errors" class="invalid-feedback"> <div *ngIf="submitted && form.telephone.errors" class="invalid-feedback">
<div *ngIf="f.telephone.errors.required">Le numéro de téléphone d'un collaborateur est obligatoire</div> <div *ngIf="form.telephone.errors.required">Le numéro de téléphone d'un collaborateur est obligatoire</div>
</div> </div>
</div> </div>
</div> </div>
@ -94,10 +94,10 @@
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
<label class="form-label">Mail personnel</label> <label class="form-label">Mail personnel</label>
<input type="email" class="form-control" formControlName="personalMail" <input type="email" class="form-control" formControlName="personalMail"
[ngClass]="{ 'is-invalid': submitted && f.personalMail.errors }" placeholder="prenom.nom@example.com"> [ngClass]="{ 'is-invalid': submitted && form.personalMail.errors }" placeholder="prenom.nom@example.com">
<div *ngIf="submitted && f.personalMail.errors" class="invalid-feedback"> <div *ngIf="submitted && form.personalMail.errors" class="invalid-feedback">
<div *ngIf="f.personalMail.errors.required">Le mail personnel d'un collaborateur est obligatoire</div> <div *ngIf="form.personalMail.errors.required">Le mail personnel d'un collaborateur est obligatoire</div>
<div *ngIf="f.personalMail.errors.pattern">Le mail personnel d'un collaborateur doit être au format <div *ngIf="form.personalMail.errors.pattern">Le mail personnel d'un collaborateur doit être au format
"exemple@nom.de.domaine" "exemple@nom.de.domaine"
</div> </div>
</div> </div>
@ -106,11 +106,11 @@
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
<label class="form-label">Mail Apside</label> <label class="form-label">Mail Apside</label>
<input type="email" class="form-control" formControlName="apsideMail" <input type="email" class="form-control" formControlName="apsideMail"
[ngClass]="{ 'is-invalid': (submitted && f.apsideMail.errors) || errorValue==1 }" [ngClass]="{ 'is-invalid': (submitted && form.apsideMail.errors) || errorValue==1 }"
placeholder="prenom.nom@apside-groupe.com" [value]="collaborateur.apsideMail"> placeholder="prenom.nom@apside-groupe.com" [value]="collaborateur.apsideMail">
<div *ngIf="submitted && f.apsideMail.errors" class="invalid-feedback"> <div *ngIf="submitted && form.apsideMail.errors" class="invalid-feedback">
<div *ngIf="f.apsideMail.errors.required">Le mail Apside d'un collaborateur est obligatoire</div> <div *ngIf="form.apsideMail.errors.required">Le mail Apside d'un collaborateur est obligatoire</div>
<div *ngIf="f.apsideMail.errors.pattern">Le mail Apside d'un collaborateur doit être au format <div *ngIf="form.apsideMail.errors.pattern">Le mail Apside d'un collaborateur doit être au format
"exemple@apside-groupe.com" ou "exemple@apside.fr" "exemple@apside-groupe.com" ou "exemple@apside.fr"
</div> </div>
</div> </div>
@ -124,9 +124,9 @@
<label class="form-label">Date de départ</label> <label class="form-label">Date de départ</label>
<input type="date" class="form-control" formControlName="resignationDate" <input type="date" class="form-control" formControlName="resignationDate"
(change)="onResignationDateChange($event)" (change)="onResignationDateChange($event)"
[ngClass]="{ 'is-invalid': submitted && f.resignationDate.errors }"> [ngClass]="{ 'is-invalid': submitted && form.resignationDate.errors }">
<div *ngIf="submitted && f.resignationDate.errors" class="invalid-feedback"> <div *ngIf="submitted && form.resignationDate.errors" class="invalid-feedback">
<div *ngIf="f.resignationDate.errors.required">La date de départ d'un collaborateur est obligatoire</div> <div *ngIf="form.resignationDate.errors.required">La date de départ d'un collaborateur est obligatoire</div>
</div> </div>
</div> </div>
@ -137,25 +137,25 @@
<div class="form-group col-12 col-md-6"> <div class="form-group col-12 col-md-6">
<label class="form-label">Référent</label> <label class="form-label">Référent</label>
<select class="form-select" formControlName="referrerId" <select class="form-select" formControlName="referrerId"
[ngClass]="{ 'is-invalid': submitted && f.referrerId.errors }"> [ngClass]="{ 'is-invalid': submitted && form.referrerId.errors }">
<option value="" disabled selected>Choisissez un référent pour le collaborateur</option> <option value="" disabled selected>Choisissez un référent pour le collaborateur</option>
<option *ngFor="let collaborateur of collaborateurs" <option *ngFor="let collaborateur of collaborateurs"
[ngValue]="collaborateur.id">{{collaborateur.name}} {{collaborateur.firstName}}</option> [ngValue]="collaborateur.id">{{collaborateur.name}} {{collaborateur.firstName}}</option>
</select> </select>
<div *ngIf="submitted && f.referrerId.errors" class="invalid-feedback"> <div *ngIf="submitted && form.referrerId.errors" class="invalid-feedback">
<div *ngIf="f.referrerId.errors.required">Vous devez préciser le référent du collaborateur</div> <div *ngIf="form.referrerId.errors.required">Vous devez préciser le référent du collaborateur</div>
</div> </div>
</div> </div>
<div class="form-group col-12 col-md-6"> <div class="form-group col-12 col-md-6">
<label class="form-label">Business Unit</label> <label class="form-label">Business Unit</label>
<select class="form-select" formControlName="businessUnitId" <select class="form-select" formControlName="businessUnitId"
[ngClass]="{ 'is-invalid': submitted && f.businessUnitId.errors }"> [ngClass]="{ 'is-invalid': submitted && form.businessUnitId.errors }">
<option value="" disabled selected>Choisissez une Business Unit pour le collaborateur</option> <option value="" disabled selected>Choisissez une Business Unit pour le collaborateur</option>
<option *ngFor="let businessUnit of businessUnits" [ngValue]="businessUnit.id">{{businessUnit.name}} </option> <option *ngFor="let businessUnit of businessUnits" [ngValue]="businessUnit.id">{{businessUnit.name}} </option>
</select> </select>
<div *ngIf="submitted && f.businessUnitId.errors" class="invalid-feedback"> <div *ngIf="submitted && form.businessUnitId.errors" class="invalid-feedback">
<div *ngIf="f.businessUnitId.errors.required">Vous devez préciser la Business Unit du collaborateur</div> <div *ngIf="form.businessUnitId.errors.required">Vous devez préciser la Business Unit du collaborateur</div>
</div> </div>
</div> </div>

2
src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.ts
Unescape View File

@ -85,7 +85,7 @@ export class CollaborateurAddComponent implements OnInit {
} }
} }
get f() { get form() {
return this.registerForm.controls; return this.registerForm.controls;
} }

Write Preview
Loading…
Cancel
Save