unicité complète pour les mails apside des collaborateurs

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

@@ -112,7 +112,6 @@
         <div *ngIf="submitted && errorValue==1" class="invalid-feedback">
           <div *ngIf="errorValue==1">Le mail Apside que vous avez entré est déjà utilisé pour un autre collaborateur</div>
         </div>
-
       </div>
 
       <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">

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

@@ -99,12 +99,17 @@
 
       <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 }" placeholder="prenom.nom@apside-groupe.com">
+        <input type="email" class="form-control" formControlName="apsideMail" [ngClass]="{ 'is-invalid': (submitted && f.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 "exemple@apside-groupe.com" ou "exemple@apside.fr"</div>
         </div>
+        <div *ngIf="submitted && errorValue==1" class="invalid-feedback">
+          <div *ngIf="errorValue==1">Le mail Apside que vous avez entré est déjà utilisé pour un autre collaborateur</div>
         </div>
+      </div>
+
+
 
       <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
         <label class="form-label">Date de départ</label>

src/app/components/collaborateur/collaborateur.component.ts

@@ -17,6 +17,7 @@ export class CollaborateurComponent implements OnInit {
   businessUnits : Businessunit[] = [];
   businessUnit = {} as Businessunit ;
 
+  errorValue : number = 0;
   rDate : String = "";
   bDate : String = "";
 
@@ -66,13 +67,6 @@ export class CollaborateurComponent implements OnInit {
       .subscribe(businessunits => this.businessUnits = businessunits);
   }
 
-  add(collaborateur: Collaborateur): void {
-    this.collaborateurService.addCollaborateur(collaborateur)
-      .subscribe(collaborateur => {
-        this.collaborateurs.push(collaborateur);
-      });
-  }
-
   onSubmit() {
     this.submitted = true;
 
@@ -80,7 +74,16 @@ export class CollaborateurComponent implements OnInit {
       return;
     }
     this.collaborateur = this.registerForm.value
-    this.add(this.collaborateur)
+    if (this.collaborateur) {
+      this.collaborateurService.addCollaborateur(this.collaborateur).subscribe({
+        next: () => {
+        },
+        error: () => {
+          this.errorValue = 1;
+        }
+      })
+
+    }
   }
 
   get f() { return this.registerForm.controls; }

src/app/services/collaborateur.service.ts

@@ -37,15 +37,7 @@ export class CollaborateurService {
 
   addCollaborateur(collaborateur: Collaborateur): Observable<Collaborateur> {
     let body = JSON.stringify(collaborateur);
-    let result = this.http.post<Collaborateur>(this.collaborateursUrl, body, this.httpOptions);
+    return this.http.post<Collaborateur>(this.collaborateursUrl, body, this.httpOptions);
 
-    result.subscribe({error:error => {
-      console.log("passage par l'erreur : ");
-      console.log(error);
-
-      }
-    })
-
-    return result;
   }
 }