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

mise a jour wend

Browse source
This commit is contained in:
cecilesimplon93 2022-02-18 17:05:29 +01:00
parent 0516b99866
commit 76f26627bd
19 changed files with 185 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/app/components/footer/footer.component.html
View file

@ -1,19 +1,12 @@
<body>
<p>footer works!</p>
<h2>PLAN DU SITE</h2>
<a routerLink="../accueil" routerLinkActive="active-custom" class="nav-link">Page d'accueil</a>
<div class="footer text-center" >
<h3>Plan du site</h3>
<div class="liens">
<a routerLink="../accueil" routerLinkActive="active-custom" class="nav-link">Page d'accueil</a>
<a routerLink="../tableau-de-bord" routerLinkActive="active-custom" class="nav-link">Tableau de bord</a>
<a routerLink="../compte" routerLinkActive="active-custom" class="nav-link">Ma Team</a>
<a routerLink="../repertoire" routerLinkActive="active-custom" class="nav-link">Répertoire</a>
<a routerLink="../to-do-list" routerLinkActive="active-custom" class="nav-link">To-Do-List</a>
<a routerLink="../agenda" routerLinkActive="active-custom" class="nav-link">Agenda</a>
<a routerLink="../menu" routerLinkActive="active-custom" class="nav-link">Menus</a>
<a routerLink="../compte" routerLinkActive="active-custom" class="nav-link">Ma Team</a>
<a routerLink="../repertoire" routerLinkActive="active-custom" class="nav-link">Répertoire</a>
<a routerLink="../to-do-list" routerLinkActive="active-custom" class="nav-link">To-Do-List</a>
<a routerLink="../menu" routerLinkActive="active-custom" class="nav-link">Menus</a>
</body>
</div>
</div>

13
src/app/components/footer/footer.component.scss
View file

@ -1,7 +1,10 @@
body {
background-color: pink;
text-align: left;
.liens {
display: flex;
justify-content: center;
color : blue;
font-size: smaller;
}
h2 {
color : blue
.footer {
margin-top: 20px;
}

22
src/app/components/humeur/humeur.component.html Normal file
View file

@ -0,0 +1,22 @@
<div>
<h2>Mon humeur :</h2>
<p><img src="{{monHumeurLien}}" alt="{{monHumeurTitle}}" *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>

18
src/app/components/humeur/humeur.component.scss Normal file
View file

@ -0,0 +1,18 @@
p>img {
width: 85px;
height: 85px;
}
img {
width: 50px;
height: 50px;
}
.humeur {
display: inline;
}
div {
background-color: #87AFC7;
text-align: center;
}

25
src/app/components/humeur/humeur.component.spec.ts Normal file
View file

@ -0,0 +1,25 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { HumeurComponent } from './humeur.component';
describe('HumeurComponent', () => {
let component: HumeurComponent;
let fixture: ComponentFixture<HumeurComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ HumeurComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(HumeurComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

36
src/app/components/humeur/humeur.component.ts Normal file
View file

@ -0,0 +1,36 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-humeur',
templateUrl: './humeur.component.html',
styleUrls: ['./humeur.component.scss']
})
export class HumeurComponent implements OnInit {
monHumeurLien! : string[];
monHumeurTitle! : string[] ;
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 en joie", lien : "assets/images/emoticon-feter.png"} ]
constructor() { }
ngOnInit(): void { }
onChoixHumeur(numero: number){
this.monHumeurTitle= [this.tabHumeur[numero].title];
this.monHumeurLien= [this.tabHumeur[numero].lien];
console.log("humeur titre est : ", this.monHumeurTitle);
console.log("humeur lien est : ", this.monHumeurLien);
console.log("index humeur est : ", numero );
}
}