From 5ee9651fcff1688abfed41ac1400f38dea320c06 Mon Sep 17 00:00:00 2001
From: Clement FERRERE <clement.ferrere@apside-groupe.com>
Date: Mon, 27 Jun 2022 13:53:49 +0200
Subject: [PATCH] =?UTF-8?q?raccourci=20f=20transform=C3=A9=20en=20form?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../collaborateur-add.component.html          | 82 +++++++++----------
 .../collaborateur-add.component.ts            |  2 +-
 2 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.html b/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.html
index 4b1a2d1..520ed30 100644
--- a/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.html
+++ b/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.html
@@ -6,40 +6,40 @@
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
       <label class="form-label">Nom</label>
-      <input class="form-control" formControlName="name" [ngClass]="{ 'is-invalid': submitted && f.name.errors }">
-      <div *ngIf="submitted && f.name.errors" class="invalid-feedback">
-        <div *ngIf="f.name.errors.required">Le nom d'un collaborateur est obligatoire</div>
+      <input class="form-control" formControlName="name" [ngClass]="{ 'is-invalid': submitted && form.name.errors }">
+      <div *ngIf="submitted && form.name.errors" class="invalid-feedback">
+        <div *ngIf="form.name.errors.required">Le nom d'un collaborateur est obligatoire</div>
       </div>
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
       <label class="form-label">Prénom</label>
       <input class="form-control" formControlName="firstName"
-             [ngClass]="{ 'is-invalid': submitted && f.firstName.errors }">
-      <div *ngIf="submitted && f.firstName.errors" class="invalid-feedback">
-        <div *ngIf="f.firstName.errors.required">Le prénom d'un collaborateur est obligatoire</div>
+             [ngClass]="{ 'is-invalid': submitted && form.firstName.errors }">
+      <div *ngIf="submitted && form.firstName.errors" class="invalid-feedback">
+        <div *ngIf="form.firstName.errors.required">Le prénom d'un collaborateur est obligatoire</div>
       </div>
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
       <label class="form-label">Date de naissance</label>
       <input type="date" class="form-control" formControlName="birthDate" (change)="onBirthDateChange($event)"
-             [ngClass]="{ 'is-invalid': submitted && f.birthDate.errors }">
-      <div *ngIf="submitted && f.birthDate.errors" class="invalid-feedback">
-        <div *ngIf="f.birthDate.errors.required">La date de naissance d'un collaborateur est obligatoire</div>
+             [ngClass]="{ 'is-invalid': submitted && form.birthDate.errors }">
+      <div *ngIf="submitted && form.birthDate.errors" class="invalid-feedback">
+        <div *ngIf="form.birthDate.errors.required">La date de naissance d'un collaborateur est obligatoire</div>
       </div>
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
       <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="MASCULIN">Masculin</option>
         <option value="FEMININ">Féminin</option>
         <option value="AUTRE">Autre</option>
       </select>
-      <div *ngIf="submitted && f.gender.errors" class="invalid-feedback">
-        <div *ngIf="f.gender.errors.required">Vous devez préciser le genre du collaborateur</div>
+      <div *ngIf="submitted && form.gender.errors" class="invalid-feedback">
+        <div *ngIf="form.gender.errors.required">Vous devez préciser le genre du collaborateur</div>
       </div>
     </div>
 
@@ -49,42 +49,42 @@
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
       <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="CADRE">Cadre</option>
         <option value="NON-CADRE">Non-cadre</option>
         <option value="ALTERNANT">Alternant</option>
         <option value="STAGIAIRE">Stagiaire</option>
       </select>
-      <div *ngIf="submitted && f.status.errors" class="invalid-feedback">
-        <div *ngIf="f.status.errors.required">Vous devez préciser le statut du collaborateur</div>
+      <div *ngIf="submitted && form.status.errors" class="invalid-feedback">
+        <div *ngIf="form.status.errors.required">Vous devez préciser le statut du collaborateur</div>
       </div>
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
       <label class="form-label">Nombre d'enfants</label>
       <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}">
-      <div *ngIf="submitted && f.childrenNumber.errors" class="invalid-feedback">
-        <div *ngIf="f.childrenNumber.errors.required">Le nombre d'enfant d'un collaborateur est obligatoire</div>
+      <div *ngIf="submitted && form.childrenNumber.errors" class="invalid-feedback">
+        <div *ngIf="form.childrenNumber.errors.required">Le nombre d'enfant d'un collaborateur est obligatoire</div>
       </div>
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
       <label class="form-label">Adresse</label>
-      <input class="form-control" formControlName="address" [ngClass]="{ 'is-invalid': submitted && f.address.errors }">
-      <div *ngIf="submitted && f.address.errors" class="invalid-feedback">
-        <div *ngIf="f.address.errors.required">L'adresse d'un collaborateur est obligatoire</div>
+      <input class="form-control" formControlName="address" [ngClass]="{ 'is-invalid': submitted && form.address.errors }">
+      <div *ngIf="submitted && form.address.errors" class="invalid-feedback">
+        <div *ngIf="form.address.errors.required">L'adresse d'un collaborateur est obligatoire</div>
       </div>
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
       <label class="form-label">Téléphone</label>
       <input class="form-control" formControlName="telephone"
-             [ngClass]="{ 'is-invalid': submitted && f.telephone.errors }">
-      <div *ngIf="submitted && f.telephone.errors" class="invalid-feedback">
-        <div *ngIf="f.telephone.errors.required">Le numéro de téléphone d'un collaborateur est obligatoire</div>
+             [ngClass]="{ 'is-invalid': submitted && form.telephone.errors }">
+      <div *ngIf="submitted && form.telephone.errors" class="invalid-feedback">
+        <div *ngIf="form.telephone.errors.required">Le numéro de téléphone d'un collaborateur est obligatoire</div>
       </div>
     </div>
   </div>
@@ -94,10 +94,10 @@
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
       <label class="form-label">Mail personnel</label>
       <input type="email" class="form-control" formControlName="personalMail"
-             [ngClass]="{ 'is-invalid': submitted && f.personalMail.errors }" placeholder="prenom.nom@example.com">
-      <div *ngIf="submitted && f.personalMail.errors" class="invalid-feedback">
-        <div *ngIf="f.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
+             [ngClass]="{ 'is-invalid': submitted && form.personalMail.errors }" placeholder="prenom.nom@example.com">
+      <div *ngIf="submitted && form.personalMail.errors" class="invalid-feedback">
+        <div *ngIf="form.personalMail.errors.required">Le mail personnel d'un collaborateur est obligatoire</div>
+        <div *ngIf="form.personalMail.errors.pattern">Le mail personnel d'un collaborateur doit être au format
           "exemple@nom.de.domaine"
         </div>
       </div>
@@ -106,11 +106,11 @@
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
       <label class="form-label">Mail Apside</label>
       <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">
-      <div *ngIf="submitted && f.apsideMail.errors" class="invalid-feedback">
-        <div *ngIf="f.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="submitted && form.apsideMail.errors" class="invalid-feedback">
+        <div *ngIf="form.apsideMail.errors.required">Le mail Apside d'un collaborateur est obligatoire</div>
+        <div *ngIf="form.apsideMail.errors.pattern">Le mail Apside d'un collaborateur doit être au format
           "exemple@apside-groupe.com" ou "exemple@apside.fr"
         </div>
       </div>
@@ -124,9 +124,9 @@
       <label class="form-label">Date de départ</label>
       <input type="date" class="form-control" formControlName="resignationDate"
              (change)="onResignationDateChange($event)"
-             [ngClass]="{ 'is-invalid': submitted && f.resignationDate.errors }">
-      <div *ngIf="submitted && f.resignationDate.errors" class="invalid-feedback">
-        <div *ngIf="f.resignationDate.errors.required">La date de départ d'un collaborateur est obligatoire</div>
+             [ngClass]="{ 'is-invalid': submitted && form.resignationDate.errors }">
+      <div *ngIf="submitted && form.resignationDate.errors" class="invalid-feedback">
+        <div *ngIf="form.resignationDate.errors.required">La date de départ d'un collaborateur est obligatoire</div>
       </div>
     </div>
 
@@ -137,25 +137,25 @@
     <div class="form-group col-12 col-md-6">
       <label class="form-label">Référent</label>
       <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 *ngFor="let collaborateur of collaborateurs"
                 [ngValue]="collaborateur.id">{{collaborateur.name}} {{collaborateur.firstName}}</option>
       </select>
-      <div *ngIf="submitted && f.referrerId.errors" class="invalid-feedback">
-        <div *ngIf="f.referrerId.errors.required">Vous devez préciser le référent du collaborateur</div>
+      <div *ngIf="submitted && form.referrerId.errors" class="invalid-feedback">
+        <div *ngIf="form.referrerId.errors.required">Vous devez préciser le référent du collaborateur</div>
       </div>
     </div>
 
     <div class="form-group col-12 col-md-6">
       <label class="form-label">Business Unit</label>
       <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 *ngFor="let businessUnit of businessUnits" [ngValue]="businessUnit.id">{{businessUnit.name}} </option>
       </select>
-      <div *ngIf="submitted && f.businessUnitId.errors" class="invalid-feedback">
-        <div *ngIf="f.businessUnitId.errors.required">Vous devez préciser la Business Unit du collaborateur</div>
+      <div *ngIf="submitted && form.businessUnitId.errors" class="invalid-feedback">
+        <div *ngIf="form.businessUnitId.errors.required">Vous devez préciser la Business Unit du collaborateur</div>
       </div>
     </div>
 
diff --git a/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.ts b/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.ts
index 4898228..0316260 100644
--- a/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.ts
+++ b/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.ts
@@ -85,7 +85,7 @@ export class CollaborateurAddComponent implements OnInit {
     }
   }
 
-  get f() {
+  get form() {
     return this.registerForm.controls;
   }