Sélection du référent lors de l'assignation du référent

src/app/referents/assignation-referent/assignation-referent.component.html

@@ -1,15 +1,14 @@
 <app-nav-menu></app-nav-menu>
 <h1>Assignation référent</h1>
 
+<p *ngIf="referentChoisi != undefined">Référent sélectionné : {{referentChoisi.nom}} {{referentChoisi.prenom}}</p>
+
 <mat-horizontal-stepper linear  #stepper>
-    <mat-step label="Choix du référent" [completed]="true">
-        <step-choix-referent></step-choix-referent>
-        <button mat-button matStepperNext>Suivant</button>
+    <mat-step label="Choix du référent" [completed]="referentChoisi != undefined">
+        <collaborateurs-table [typeRecherche]="typeRechercheReferent" [rechercherParBU]="rechercherParBu" [roles]="rolesReferents" [displayedColumns]="displayedColumnsReferent" [rechercherParDate]="rechercherParDate" (eventEmitter)="choixReferent($event)" ></collaborateurs-table>
     </mat-step>
 
     <mat-step label="Choix des collaborateurs" [completed]="false">
-        <button mat-button matStepperPrevious>Retour</button>
-      <button mat-button matStepperNext>Suivant</button>
     </mat-step>
 
     <mat-step label="Confirmation">

src/app/referents/assignation-referent/assignation-referent.component.ts

@@ -1,4 +1,7 @@
 import { Component, OnInit } from "@angular/core";
+import { CollaborateurDTO, CollaborateursService } from "@shared/api-swagger";
+import { collaborateurTypeRecherche } from "@shared/utils/cles";
+import { Subscription } from "rxjs";
 
 @Component({
     selector: 'assignation-referent',
@@ -6,9 +9,52 @@ import { Component, OnInit } from "@angular/core";
 })
 export class AssignationReferentComponent implements OnInit {
 
-    constructor() {}
+    rechercherParDate: boolean = false;
+
+    rechercherParBu: boolean = true;
+
+    referentChoisi : CollaborateurDTO = undefined;
+    
+    rolesReferents : string[] = ["Manager", "RA", "CP", "TL"];
+
+    rolesCollaborateurs : ["Collaborateur"];
+
+    typeRechercheReferent: string = collaborateurTypeRecherche.referents;
+    
+    collaborateursEP: CollaborateurDTO[] = [];
+
+    /**
+        * Liste des colonnes du tableau à afficher pour les référents.
+        */
+    displayedColumnsReferent : string[] = ["businessunit", "collaborateur"];
+
+    /**
+        * Liste des colonnes du tableau à afficher.
+        */
+    displayedColumns : string[] = ["businessunit", "collaborateur"];
+    
+    collaborateurSubscription: Subscription;
+
+    constructor(private collaborateurService: CollaborateursService) {}
 
     ngOnInit() {
 
     }
+
+    choixReferent(event) {
+        this.referentChoisi = event.collaborateur;
+        this.setCollaborateurEP();
+    }
+
+    setCollaborateurEP() {
+        this.collaborateurSubscription = this.collaborateurService.getCollaborateursByReferent(this.referentChoisi.id).subscribe(
+            collaborateurs => {
+                this.collaborateursEP = collaborateurs;
+
+            },
+            error => console.log(error)
+        );
+    }
+
+
 }

src/app/referents/referents.module.ts

@@ -11,12 +11,10 @@ import { ReferentsComponent } from './referents.component';
 import { DetailsReferentComponent } from './details-referent/details-referent.component';
 import { ReferentsRoutingModule } from './referents.routing.module';
 import { AssignationReferentComponent } from "./assignation-referent/assignation-referent.component";
-import { StepChoixReferentComponent } from "./assignation-referent/step-choix-referent/step-choix-referent.component";
 
 @NgModule({
   declarations: [ DetailsReferentComponent,
-    ReferentsComponent, AssignationReferentComponent,
-    StepChoixReferentComponent
+    ReferentsComponent, AssignationReferentComponent
   ],
   exports: [ ReferentsComponent
   ],