fix humeur + ajout des couleur par page pour la side bar

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:50%;transform: translateX(50%);width:600px; text-align:center;">
+<div class="alert alert-{{alert.type}} alert-dismissible fade show" role="alert" style="position:fixed;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>

src/app/components/humeur/humeur.component.ts

@@ -31,18 +31,18 @@ alert: any;
     const userId = this.tokenService.getCurrentMembreId();
     this.membreService.getMembreId(userId).subscribe({
       next: result => {
-    this.monHumeurTitle= [this.tabHumeur[result.smiley].title];
-    this.monHumeurLien= [this.tabHumeur[result.smiley].lien];
+    //this.monHumeurTitle= [this.tabHumeur[result.smiley].title];
+    this.monHumeurLien= result.smiley;
      //  console.log("resultat smiley ", result.smiley);
       }
     })
    }
 
-onChoixHumeur(numero: number){
+onChoixHumeur(numero: any){
  this.monHumeurTitle= [this.tabHumeur[numero].title];
  this.monHumeurLien= [this.tabHumeur[numero].lien];
 
- this.membreService.updateHumeur(numero)?.subscribe(
+ this.membreService.updateHumeur(this.tabHumeur[numero].lien)?.subscribe(
   {
     next: result => {
       this.alert={"type":"success", "content":"L'humeur a bien été modifiée"};

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

@@ -1,5 +1,5 @@
 <app-header></app-header>
-<app-side-bar></app-side-bar>
+<app-side-bar [backgroundColor]="'#F178B6'"></app-side-bar>
 
 <app-alert
   *ngIf="isShow"

src/app/pages/page-ajout-evenements/page-ajout-evenements.component.html

@@ -2,7 +2,7 @@
 
 <div class="row">
   <div class="col-md-auto">
-    <app-side-bar class="sidebarMenu"></app-side-bar>
+    <app-side-bar [backgroundColor]="'#F178B6'"></app-side-bar>
   </div>
   <div class="col-md-4 offset-md-4 text-center">
     <h2>Ajouter un évènement à l'agenda</h2>

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

@@ -1,5 +1,5 @@
 <app-header></app-header>
-<app-side-bar></app-side-bar>
+<app-side-bar [backgroundColor]="'#c3c3e7'"></app-side-bar>
 
 <div class="container">
   <div class="row p-1 col-12 ">

src/app/pages/page-menu-semaine/page-menu-semaine.component.html

@@ -2,7 +2,7 @@
 
 <div class="row">
   <div class="col-md-auto">
-    <app-side-bar class="sidebarMenu"></app-side-bar>
+    <app-side-bar [backgroundColor]="'#F7C02B'"></app-side-bar>
   </div>
   <div class="col menu text-center">
     <h2>Menu de la semaine</h2>

src/app/pages/page-not-found/page-not-found.component.html

@@ -1,5 +1,5 @@
 <app-header></app-header>
-<app-side-bar></app-side-bar>
+<app-side-bar [backgroundColor]="'#c3c3e7'"></app-side-bar>
 <div>
 
   <div class="ctn-link min-vh-100">

src/app/services/membre.service.ts

@@ -58,7 +58,7 @@ export class MembreService {
     }
 }
 
-updateHumeur(numero : number) : Observable<any> | void {
+updateHumeur(numero : any) : Observable<any> | void {
   const userId = this.tokenService.getCurrentMembreId();
   if (userId){
   return this.http.put(`${this.apiUrl}/membres/update/smiley/${userId}`, numero);