isa44.74/organizee-front
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

finalisation humeurs, mise en place plan du site

Browse source
This commit is contained in:
cecilesimplon93 2022-02-16 17:50:53 +01:00
parent 50ef04ca86
commit 72d0c77dd3
12 changed files with 99 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/app/pages/page-humeur/page-humeur.component.html
View file

@ -1,25 +1,22 @@
<p>page-humeur works! </p>
<!--<img [src]="monHumeurLien";>
<img [src]="tabHumeur[0].lien">
-->
<body>
<h2>Mon humeur :</h2>
******************************************
<!-- <p>Présentement, {{onChoixHumeur()}}</p> -->
choix de mon humeur
<!-- {{monHumeurTitle}} -->
<!-- <br> -->
<img src="{{monHumeurLien}}" *ngIf="monHumeurLien" >
<p>Je choisis mon humeur :</p>
<div *ngFor="let humor of tabHumeur; let i=index">
{{i}}
<img src="{{humor.lien}}" alt="{{humor.title}}" (click)="onChoixHumeur(i)">{{humor.title}}
<p><img src="{{monHumeurLien}}" *ngIf="monHumeurLien" ></p>
<p>Je modifie mon avatar :</p>
<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> </body>

17
src/app/pages/page-humeur/page-humeur.component.scss
View file

@ -1,12 +1,23 @@
p>img {
width: 250px;
height: 70px;
}
img {
width: 50px;
height: 50px;
}
p>img {
width: 70px;
height: 70px;
.humeur {
display: inline;
}
body {
background-color: grey;
text-align: center;
}

1
src/app/pages/page-humeur/page-humeur.component.ts
View file

@ -15,6 +15,7 @@ export class PageHumeurComponent implements OnInit {
tabHumeur= [
{ title : "Je vais bien", lien : "assets/images/emoticon-heureux.png"},
{ title : "Je pleure", lien : "assets/images/emoticon-pleurer.png"},
{ title : "Je suis fatigué", lien : "assets/images/emoticon-fatigue.png"},
{ title : "Je suis en colère", lien : "assets/images/emoticon-insulter.png"},
{ title : "Je suis malade", lien : "assets/images/emoticon-vomir.png"} ]