organizee-front/src/app/components/humeur/humeur.component.html
2022-03-13 10:25:08 +01:00

30 lines
No EOL
795 B
HTML

<div>
<h2>Mon humeur :</h2>
<!-- envoie une alerte sur le header au clic du changement d'humeur-->
<app-alert
*ngIf="isShow"
[alert]="alert"
(eventClose)="onClickCloseAlert()"
></app-alert>
<!--affichage de l'humeur sur laquelle on a cliqué-->
<p><img src="{{monHumeurLien}}" alt="{{monHumeurTitle}}" *ngIf="monHumeurLien" ></p>
<p>Je modifie mon avatar :</p>
<!--Directive structurelle *ngFor pour afficher tous les éléments du tableau-->
<!-- puis récupération au click de l'indice de l'humeur choisie-->
<div class="humeur" *ngFor="let humor of tabHumeur; let i=index">
<img src="{{humor.lien}}" alt="{{humor.title}}" (click)="onChoixHumeur(i)">
</div>
<div >
</div> </div>