Textes des collaborateurs en Français

src/app/app.component.html

@@ -22,7 +22,6 @@
   }
 
   .toolbar {
-    position: absolute;
     top: 0;
     left: 0;
     right: 0;

src/app/components/collaborateur/collaborateur-detail/collaborateur-detail.component.html

@@ -3,41 +3,41 @@
   <div class="row mb-2">
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label for="collaborateur-name" class="form-label">Name</label>
-      <input class="form-control" id="collaborateur-name" [(ngModel)]="collaborateur.name" placeholder="name">
+      <label for="collaborateur-name" class="form-label">Nom</label>
+      <input class="form-control" id="collaborateur-name" [(ngModel)]="collaborateur.name" placeholder="Nom">
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label for="collaborateur-firstName" class="form-label">First Name</label>
-      <input class="form-control" id="collaborateur-firstName" [(ngModel)]="collaborateur.firstName" placeholder="firstname">
+      <label for="collaborateur-firstName" class="form-label">Prénom</label>
+      <input class="form-control" id="collaborateur-firstName" [(ngModel)]="collaborateur.firstName" placeholder="Prénom">
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label for="collaborateur-birthDate" class="form-label">Birth Date</label>
-      <input class="form-control" id="collaborateur-birthDate" [(ngModel)]="collaborateur.birthDate" placeholder="birthDate">
+      <label for="collaborateur-birthDate" class="form-label">Date de naissance</label>
+      <input class="form-control" id="collaborateur-birthDate" [(ngModel)]="collaborateur.birthDate" placeholder="Date de naissance">
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label for="collaborateur-gender" class="form-label">Gender</label>
-      <input class="form-control" id="collaborateur-gender" [(ngModel)]="collaborateur.gender" placeholder="gender">
+      <label for="collaborateur-gender" class="form-label">Genre</label>
+      <input class="form-control" id="collaborateur-gender" [(ngModel)]="collaborateur.gender" placeholder="Genre">
     </div>
   </div>
 
   <div class="row mb-2">
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label for="collaborateur-status" class="form-label">Status</label>
-      <input class="form-control" id="collaborateur-status" [(ngModel)]="collaborateur.status" placeholder="status">
+      <label for="collaborateur-status" class="form-label">Statut</label>
+      <input class="form-control" id="collaborateur-status" [(ngModel)]="collaborateur.status" placeholder="statut">
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label for="collaborateur-childrenNumber" class="form-label">Children Number</label>
-      <input class="form-control" id="collaborateur-childrenNumber" [(ngModel)]="collaborateur.childrenNumber" placeholder="childrenNumber">
+      <label for="collaborateur-childrenNumber" class="form-label">Nombre d'enfants</label>
+      <input class="form-control" id="collaborateur-childrenNumber" [(ngModel)]="collaborateur.childrenNumber" placeholder="Nombre d'enfants">
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label for="collaborateur-address" class="form-label">Address</label>
-      <input class="form-control" id="collaborateur-address" [(ngModel)]="collaborateur.address" placeholder="address">
+      <label for="collaborateur-address" class="form-label">Adresse</label>
+      <input class="form-control" id="collaborateur-address" [(ngModel)]="collaborateur.address" placeholder="Adresse">
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
@@ -49,25 +49,25 @@
   <div class="row mb-4">
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label for="collaborateur-personalMail" class="form-label">Personal Mail</label>
-      <input class="form-control" id="collaborateur-personalMail" [(ngModel)]="collaborateur.personalMail" placeholder="personalMail">
+      <label for="collaborateur-personalMail" class="form-label">Mail personnel</label>
+      <input class="form-control" id="collaborateur-personalMail" [(ngModel)]="collaborateur.personalMail" placeholder="Mail personnel">
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label for="collaborateur-apsideMail" class="form-label">Apside Mail</label>
-      <input class="form-control" id="collaborateur-apsideMail" [(ngModel)]="collaborateur.apsideMail" placeholder="apsideMail">
+      <label for="collaborateur-apsideMail" class="form-label">Mail Apside</label>
+      <input class="form-control" id="collaborateur-apsideMail" [(ngModel)]="collaborateur.apsideMail" placeholder="Mail Apside">
     </div>
 
     <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label for="collaborateur-resignationDate" class="form-label">Resignation Date</label>
-      <input class="form-control" id="collaborateur-resignationDate" [(ngModel)]="collaborateur.resignationDate" placeholder="resignationDate">
+      <label for="collaborateur-resignationDate" class="form-label">Date de départ</label>
+      <input class="form-control" id="collaborateur-resignationDate" [(ngModel)]="collaborateur.resignationDate" placeholder="Date de départ">
     </div>
   </div>
 
   <div class="row">
 
     <div class="form-group col-12 col-md-6">
-      <label class="form-label">Referrer</label>
+      <label class="form-label">Référent</label>
       <select class="form-select" name="referrer" id="referrer-select" [(ngModel)]="collaborateur.referrerId">
         <option value="" disabled selected>Choisissez un référent pour le nouveau collaborateur</option>
         <option *ngFor="let collaborateur of collaborateurs" [ngValue]="collaborateur.id">{{collaborateur.name}} {{collaborateur.firstName}}</option>

src/app/components/collaborateur/collaborateur-edit/collaborateur-edit.component.html

@@ -3,7 +3,7 @@
 
   <h2>{{collaborateur.name | uppercase}} {{collaborateur.firstName | uppercase}} </h2>
 
-  <div><label class="form-label">id : </label>{{collaborateur.id}}</div>
+  <div><label class="form-label">ID : </label>{{collaborateur.id}}</div>
 
   <app-collaborateur-detail [collaborateur]="collaborateur"></app-collaborateur-detail>
 

src/app/components/collaborateur/collaborateur.component.html

@@ -6,9 +6,9 @@
       <thead>
         <tr>
           <th scope="col">ID</th>
-          <th scope="col">Name</th>
-          <th scope="col">First Name</th>
-          <th scope="col">Apside Mail</th>
+          <th scope="col">Nom</th>
+          <th scope="col">Prénom</th>
+          <th scope="col">Mail Apside</th>
         </tr>
       </thead>