Ajout d'une variable pour avoir le rôle dans le home et le nom et prénom en plus dans le navbar

src/app/home/home.component.html

@@ -1,6 +1,6 @@
 <app-nav-menu></app-nav-menu>
 <h1> Bonjour</h1>
-<home-assistante *ngIf="this.keycloakService.isUserInRole(role.assistante)"></home-assistante>
-<home-collaborateur *ngIf="this.keycloakService.isUserInRole(role.collaborateur)"></home-collaborateur>
-<home-commercial *ngIf="this.keycloakService.isUserInRole(role.commercial)"></home-commercial>
-<home-rh *ngIf="this.keycloakService.isUserInRole(role.rh)"></home-rh>
+<home-assistante *ngIf="this.userRole == role.assistante"></home-assistante>
+<home-collaborateur *ngIf="this.userRole ==role.collaborateur"></home-collaborateur>
+<home-commercial *ngIf="this.userRole ==role.commercial"></home-commercial>
+<home-rh *ngIf="this.userRole ==role.rh"></home-rh>

src/app/home/home.component.ts

@@ -4,6 +4,8 @@ import { KeycloakService } from 'keycloak-angular';
 
 import { Role } from '../utils/roles';
 
+import { environment } from '../../environments/'
+
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html'
@@ -11,10 +13,12 @@ import { Role } from '../utils/roles';
 export class HomeComponent implements OnInit {
 
   role = Role;
-  constructor(public keycloakService : KeycloakService) {
+  userRole : string;
+  constructor(private keycloakService : KeycloakService) {
+    let clientId = environment.keycloakConfig.clientId;
+    this.userRole = this.keycloakService.getKeycloakInstance().resourceAccess[clientId]["roles"][0];
   }
 
   ngOnInit() {
   }
-
 }

src/app/modeles/modele-formation.ts

@@ -10,6 +10,7 @@ export class FormationModel {
   duree? : number;
   organisme? : string;
   nomFormateur? : string;
+  participantsFormation : ParticipationFormationModel[];
 };
 
 

src/app/nav-menu/nav-menu.component.html

@@ -5,14 +5,14 @@
     <!--LIEN VERS HOME-->
     <button mat-button>Accueil</button>
     <!--RESTE MENU EN FONCTION DES ROLES-->
-    <app-nav-menu-assistante *ngIf="this.keycloakService.isUserInRole(role.assistante)"></app-nav-menu-assistante>
-    <app-nav-menu-collaborateur *ngIf="this.keycloakService.isUserInRole(role.collaborateur)"></app-nav-menu-collaborateur>
-    <app-nav-menu-commercial *ngIf="this.keycloakService.isUserInRole(role.commercial)"></app-nav-menu-commercial>
-    <app-nav-menu-rh *ngIf="this.keycloakService.isUserInRole(role.rh)"></app-nav-menu-rh>
+    <app-nav-menu-assistante *ngIf="this.userRole == role.assistante"></app-nav-menu-assistante>
+    <app-nav-menu-collaborateur *ngIf="this.userRole == role.collaborateur"></app-nav-menu-collaborateur>
+    <app-nav-menu-commercial *ngIf="this.userRole == role.commercial"></app-nav-menu-commercial>
+    <app-nav-menu-rh *ngIf="this.userRole == role.rh"></app-nav-menu-rh>
     <!--METTRE QUELQUE CHOSE DE SIMILAIRE A SYGES-->
     <!--<button mat-button on-click="logout()"> logout </button>-->
     <button mat-button [matMenuTriggerFor]="menuMore">
-      <span>{{ keycloakService.getKeycloakInstance().profile.firstName }} {{ keycloakService.getKeycloakInstance().profile.lastName }}</span>
+      <span> {{this.userInfo}}</span>
       <mat-icon>more_vert</mat-icon>
     </button>
     <mat-menu #menuMore="matMenu">

src/app/nav-menu/nav-menu.component.ts

@@ -3,6 +3,8 @@ import { KeycloakService } from 'keycloak-angular';
 
 import { Role } from '../utils/roles';
 
+import { environment } from '../../environments/'
+
 @Component({
   selector: 'app-nav-menu',
   templateUrl: './nav-menu.component.html',
@@ -10,7 +12,14 @@ import { Role } from '../utils/roles';
 export class NavMenuComponent {
 
   role = Role;
-  constructor(public keycloakService : KeycloakService){}
+  userRole : string;
+  userInfo : string;
+  constructor(private keycloakService : KeycloakService){
+    let clientId = environment.keycloakConfig.clientId;
+    this.userRole = this.keycloakService.getKeycloakInstance().resourceAccess[clientId]["roles"][0];
+    let profil = keycloakService.getKeycloakInstance().profile;
+    this.userInfo = profil.firstName+" "+profil.lastName;
+  }
 
   isExpanded = false;