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

4
src/app/pages/page-dashboard/page-dashboard.component.html
View file

@ -1,9 +1,13 @@
<app-header></app-header>
<app-side-bar></app-side-bar>
<app-meteo></app-meteo>
<app-humeur></app-humeur>
<div class="d-flex justify-content-center">
<button button type="button" class="btn btn-primary btn-lg" routerLink="../creation-team"
routerLinkActive="active-custom">Créer ma team</button>
</div>
<app-footer></app-footer>

20
src/app/pages/page-dashboard/page-dashboard.component.ts
View file

@ -1,4 +1,5 @@
import { Component, OnInit } from '@angular/core';
import { FormsModule } from '@angular/forms';
@Component({
selector: 'app-page-dashboard',
@ -12,4 +13,21 @@ export class PageDashboardComponent implements OnInit {
ngOnInit(): void {
}
}
}//fin

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

@ -1,22 +0,0 @@
<body>
<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> </body>

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

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

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

@ -1,39 +0,0 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-page-humeur',
templateUrl: './page-humeur.component.html',
styleUrls: ['./page-humeur.component.scss']
})
export class PageHumeurComponent 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 );
}
}

22
src/app/pages/page-support/page-support.component.html Normal file
View file

@ -0,0 +1,22 @@
<p>page-support works!</p>
<h2>Formulaire de contact</h2>
<form #userEmail="ngForm" (ngSubmit)="onEnvoiForm(userEmail)">
<label>Votre adresse mail</label>
<input type="email"
ngModel
name="lllll"
class="form-control">
<label>Votre message</label>
<input type="text"
ngModel
name="UserName"
class="form-control">
<button type="submit">Validation</button>
</form>

0
src/app/pages/page-support/page-support.component.scss Normal file
View file

12
src/app/pages/page-humeur/page-humeur.component.spec.ts → src/app/pages/page-support/page-support.component.spec.ts
View file

@ -1,20 +1,20 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { PageHumeurComponent } from './page-humeur.component';
import { PageSupportComponent } from './page-support.component';
describe('PageHumeurComponent', () => {
let component: PageHumeurComponent;
let fixture: ComponentFixture<PageHumeurComponent>;
describe('PageSupportComponent', () => {
let component: PageSupportComponent;
let fixture: ComponentFixture<PageSupportComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ PageHumeurComponent ]
declarations: [ PageSupportComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(PageHumeurComponent);
fixture = TestBed.createComponent(PageSupportComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

30
src/app/pages/page-support/page-support.component.ts Normal file
View file

@ -0,0 +1,30 @@
import { Component, OnInit } from '@angular/core';
//DRIVEN FORM
@Component({
selector: 'app-page-support',
templateUrl: './page-support.component.html',
styleUrls: ['./page-support.component.scss']
})
export class PageSupportComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
onEnvoiForm(userEmail:any){
console.log(userEmail);
}
}//fin