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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/app-routing.module.ts
View file

@ -18,6 +18,7 @@ import { PageResetPasswordComponent } from './pages/page-reset-password/page-res
import { PageSignupComponent } from './pages/page-signup/page-signup.component'; import { PageSignupComponent } from './pages/page-signup/page-signup.component';
import { PageToDoListComponent } from './pages/page-to-do-list/page-to-do-list.component'; import { PageToDoListComponent } from './pages/page-to-do-list/page-to-do-list.component';
import { PageUpdateMemberComponent } from './pages/page-update-member/page-update-member.component'; import { PageUpdateMemberComponent } from './pages/page-update-member/page-update-member.component';
import { FooterComponent } from './components/footer/footer.component';
const routes: Routes = [ const routes: Routes = [
{ path: '', redirectTo: 'accueil', pathMatch: 'full' }, { path: '', redirectTo: 'accueil', pathMatch: 'full' },
@ -38,6 +39,7 @@ const routes: Routes = [
{ path: 'ajouter-contact', component: PageAjoutContactComponent }, { path: 'ajouter-contact', component: PageAjoutContactComponent },
{ path: 'creation-team', component: PageCreationTeamComponent }, { path: 'creation-team', component: PageCreationTeamComponent },
{ path: 'humeur', component: PageHumeurComponent }, { path: 'humeur', component: PageHumeurComponent },
{ path: 'footer', component: FooterComponent},
{ path: '**', component: PageNotFoundComponent }, { path: '**', component: PageNotFoundComponent },
]; ];

2
src/app/app.module.ts
View file

@ -37,6 +37,7 @@ import { PageModifierContactComponent } from './pages/page-modifier-contact/page
import { PageCreationTeamComponent } from './pages/page-creation-team/page-creation-team.component'; import { PageCreationTeamComponent } from './pages/page-creation-team/page-creation-team.component';
import { AutofocusFixModule } from 'ngx-autofocus-fix'; import { AutofocusFixModule } from 'ngx-autofocus-fix';
import { PageHumeurComponent } from './pages/page-humeur/page-humeur.component'; import { PageHumeurComponent } from './pages/page-humeur/page-humeur.component';
import { FooterComponent } from './components/footer/footer.component';
@ -75,6 +76,7 @@ import { PageHumeurComponent } from './pages/page-humeur/page-humeur.component';
PageModifierContactComponent, PageModifierContactComponent,
PageCreationTeamComponent, PageCreationTeamComponent,
PageHumeurComponent, PageHumeurComponent,
FooterComponent,
], ],
imports: [ imports: [
BrowserModule, BrowserModule,

19
src/app/components/footer/footer.component.html Normal file
View file

@ -0,0 +1,19 @@
<body>
<p>footer works!</p>
<h2>PLAN DU SITE</h2>
<a routerLink="../accueil" routerLinkActive="active-custom" class="nav-link">Page d'accueil</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>
<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>

7
src/app/components/footer/footer.component.scss Normal file
View file

@ -0,0 +1,7 @@
body {
background-color: pink;
text-align: left;
}
h2 {
color : blue
}

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

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

15
src/app/components/footer/footer.component.ts Normal file
View file

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.scss']
})
export class FooterComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}

2
src/app/components/side-bar/side-bar.component.html
View file

@ -5,7 +5,7 @@
<a routerLink="../repertoire" routerLinkActive="active-custom" class="nav-link">Répertoire</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="../to-do-list" routerLinkActive="active-custom" class="nav-link">To-Do-List</a>
<a routerLink="../menu" routerLinkActive="active-custom" class="nav-link">Menus</a> <a routerLink="../menu" routerLinkActive="active-custom" class="nav-link">Menus</a>
<a routerLink="../agenda" routerLinkActive="active-custom" class="nav-link">Agenda</a>
</div> </div>
</div> </div>
</nav> </nav>

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

@ -1,25 +1,22 @@
<p>page-humeur works! </p>
<!--<img [src]="monHumeurLien";> <body>
<img [src]="tabHumeur[0].lien">
--> <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"> <p><img src="{{monHumeurLien}}" *ngIf="monHumeurLien" ></p>
{{i}}
<img src="{{humor.lien}}" alt="{{humor.title}}" (click)="onChoixHumeur(i)">{{humor.title}} <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 >
</div> </div> </body>

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

@ -1,12 +1,23 @@
p>img {
width: 250px;
height: 70px;
}
img { img {
width: 50px; width: 50px;
height: 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= [ tabHumeur= [
{ title : "Je vais bien", lien : "assets/images/emoticon-heureux.png"}, { title : "Je vais bien", lien : "assets/images/emoticon-heureux.png"},
{ title : "Je pleure", lien : "assets/images/emoticon-pleurer.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 colère", lien : "assets/images/emoticon-insulter.png"},
{ title : "Je suis malade", lien : "assets/images/emoticon-vomir.png"} ] { title : "Je suis malade", lien : "assets/images/emoticon-vomir.png"} ]

BIN
src/assets/images/emoticon-fatigue.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 441 KiB

BIN
src/assets/images/emoticon-heureux.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 185 KiB

After

Width:  |  Height:  |  Size: 443 KiB