component alert pour afficher une alert avec un message

src/app/pages/page-agenda/page-agenda.component.html

@@ -1,7 +1,9 @@
 <app-header></app-header>
 <app-side-bar></app-side-bar>
 
-<div
+<app-alert *ngIf="isShow" [alert]="alert" (eventClose)="onClickCloseAlert();"></app-alert>
+
+<!-- <div
   class="alert alert-{{ alert.type }}"
   role="alert"
   style="position: absolute; z-index: 999; top: 50%; left: 40%; width: 500px"
@@ -18,7 +20,7 @@
   >
     <span aria-hidden="true">&times;</span>
   </button>
-</div>
+</div> -->
 
 <div style="display: flex">
   <div style="width: 150px">

src/app/pages/page-agenda/page-agenda.component.ts

@@ -58,6 +58,7 @@ export class PageAgendaComponent implements AfterViewInit {
   ngOnInit(): void {
     this.userId = this.tokenService.getCurrentMembreId();
     this.teamId = this.tokenService.getCurrentTeamId();
+    this.role = this.tokenService.getRole();
   }
 
   // petite triche pour eviter la repetition du nom dans le RDV