From 3b4e3b2f8477f04ef11307d8c7305fd9e95c7e16 Mon Sep 17 00:00:00 2001
From: Hedi <hedi.mjid@gmail.com>
Date: Tue, 1 Mar 2022 20:58:35 +0100
Subject: [PATCH] component alert pour afficher une alert avec un message

---
 src/app/app.module.ts                                | 4 +++-
 src/app/components/alert/alert.component.html        | 2 +-
 src/app/components/signin/signin.component.html      | 5 +++--
 src/app/components/signin/signin.component.ts        | 5 +++++
 src/app/pages/page-agenda/page-agenda.component.html | 6 ++++--
 src/app/pages/page-agenda/page-agenda.component.ts   | 1 +
 6 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 62aab10..2ea2f43 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -43,6 +43,7 @@ import localeFr from '@angular/common/locales/fr';
 import { CardAvatarComponent } from './components/card-avatar/card-avatar.component';
 import { HumeurComponent } from './components/humeur/humeur.component';
 import { DeconnexionComponent } from './components/deconnexion/deconnexion.component';
+import { AlertComponent } from './components/alert/alert.component';
 registerLocaleData(localeFr)
 
 @NgModule({
@@ -82,7 +83,8 @@ registerLocaleData(localeFr)
     PageUpdateAccountComponent,
     CardAvatarComponent,
     DeconnexionComponent,
-    HumeurComponent
+    HumeurComponent,
+    AlertComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/components/alert/alert.component.html b/src/app/components/alert/alert.component.html
index 1f67880..32e0ec5 100644
--- a/src/app/components/alert/alert.component.html
+++ b/src/app/components/alert/alert.component.html
@@ -1,4 +1,4 @@
-<div class="alert alert-{{alert.type}} alert-dismissible fade show" role="alert" style="position:absolute;z-index:9999;top:10px;right:10px;">
+<div class="alert alert-{{alert.type}} alert-dismissible fade show" role="alert" style="position:absolute;z-index:9999;top:10px;right:50%;transform: translateX(50%);width:600px; text-align:center;">
     {{alert.content}}
     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close" (click)="onClickCloseAlert()"></button>
   </div>
\ No newline at end of file
diff --git a/src/app/components/signin/signin.component.html b/src/app/components/signin/signin.component.html
index 83e4a52..5cb3e7a 100644
--- a/src/app/components/signin/signin.component.html
+++ b/src/app/components/signin/signin.component.html
@@ -27,10 +27,11 @@
     <!-- <div *ngIf="errorForm">
       <p class="text-danger">Il manque des informations dans le formulaire...</p>
     </div> -->
-    <div *ngIf="isShow">
+    <app-alert *ngIf="isShow" [alert]="alert" (eventClose)="onClickCloseAlert();"></app-alert>
+    <!-- <div *ngIf="isShow">
       <div class="alert alert-{{alert.type}}" role="alert">
         {{alert.content}}
       </div>
-    </div>
+    </div> -->
   </main>
 </div>
diff --git a/src/app/components/signin/signin.component.ts b/src/app/components/signin/signin.component.ts
index ff6c04d..cb092a3 100644
--- a/src/app/components/signin/signin.component.ts
+++ b/src/app/components/signin/signin.component.ts
@@ -44,4 +44,9 @@ export class SigninComponent implements OnInit {
       this.isShow = true;
     }
   }
+
+  onClickCloseAlert(){
+    console.log('fermeture');
+    this.isShow = ! this.isShow;
+  }
 }
diff --git a/src/app/pages/page-agenda/page-agenda.component.html b/src/app/pages/page-agenda/page-agenda.component.html
index f667068..f71faf6 100644
--- a/src/app/pages/page-agenda/page-agenda.component.html
+++ b/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">
diff --git a/src/app/pages/page-agenda/page-agenda.component.ts b/src/app/pages/page-agenda/page-agenda.component.ts
index d9d86a2..0b23896 100644
--- a/src/app/pages/page-agenda/page-agenda.component.ts
+++ b/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