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

page d'accueil fixed

This commit is contained in:
Blandine Bajard 2022-02-14 12:25:49 +01:00
parent acfb169715
commit 2f5705e766
4 changed files with 28 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/pages/page-accueil/page-accueil.component.html
View File

@ -1,5 +1,6 @@
<app-header></app-header> <app-header></app-header>
<body> <body>
<div class="container">
<div class="bienvenue"> <div class="bienvenue">
<h2 class="titre">BIENVENUE</h2> <h2 class="titre">BIENVENUE</h2>
<p> <p>
@ -13,6 +14,7 @@ lu, nous sommes là pour vous aider !</p>
<div class="connexion"> <div class="connexion">
<app-signin></app-signin> <app-signin></app-signin>
</div> </div>
</div>
<div class="pub"> <div class="pub">
<img src="../../../assets/images/menu.png" /> <img src="../../../assets/images/menu.png" />
<img src="../../../assets/images/repertoire.png" /> <img src="../../../assets/images/repertoire.png" />

22
src/app/pages/page-accueil/page-accueil.component.scss
View File

@ -1,10 +1,15 @@
.container {
display: flex;
}
.bienvenue { .bienvenue {
float: left; float: left;
display: inline; // display: inline-block;
// height: 300px;
border: 4px solid #5d5fef; border: 4px solid #5d5fef;
border-radius: 10px; border-radius: 10px;
margin-top: 50px; margin-top: 50px;
margin-left: 200px; // margin-left: 200px;
padding-right: 10px; padding-right: 10px;
padding-left: 10px; padding-left: 10px;
} }
@ -18,17 +23,20 @@ p {
line-height: 2em; line-height: 2em;
} }
.connexion { .connexion {
float: right; // float: right;
height: 350px;
display: inline; display: inline;
margin-top: -40px; margin-top: -40px;
margin-right: 200px; margin-left: 10px;
// margin-right: 200px;
} }
.pub { .pub {
padding-top: 100px;
padding-right: 100px;
padding-left: 200px;
display: flex; display: flex;
flex-wrap: wrap;
padding-top: 100px;
padding-right: 200px;
padding-left: 200px;
justify-content: space-between; justify-content: space-between;
} }

4
src/app/pages/page-forgot-password/page-forgot-password.component.html
View File

@ -13,10 +13,10 @@
routerLinkActive="active-custom">Ré-initialiser mon mot de passe</button> routerLinkActive="active-custom">Ré-initialiser mon mot de passe</button>
</form> </form>
<!--
<div *ngIf="errorForm"> <div *ngIf="errorForm">
<p class="text-danger">Il manque des informations dans le formulaire...</p> <p class="text-danger">Il manque des informations dans le formulaire...</p>
</div> </div> -->
</main> </main>
</div> </div>

23
src/app/pages/page-forgot-password/page-forgot-password.component.ts
View File

@ -14,25 +14,20 @@ import {
styleUrls: ['./page-forgot-password.component.scss'] styleUrls: ['./page-forgot-password.component.scss']
}) })
export class PageForgotPasswordComponent implements OnInit { export class PageForgotPasswordComponent implements OnInit {
public errorForm: boolean;
constructor(private authService: AuthService, private router: Router) { constructor(private authService: AuthService, private router: Router) {
this.errorForm = false;
} }
ngOnInit(): void {} ngOnInit(): void {}
public onSubmit(submittedForm: any): void {
public onSubmit(submittedForm: any): void {
console.log(submittedForm.form.value); console.log(submittedForm.form.value);
const email = submittedForm.form.value['email']; const email = submittedForm.form.value['email'];
if (email !== '') { console.log(email);
this.authService.forgotPassword(email).subscribe((resp) => { window.alert("Vous allez recevoir un email pour re-initialiser votre mot de passe !")
console.log('Component : PageForgotPassword ', resp); this.router.navigate(['reinitialisation-password']);
this.router.navigate(['reinitialisation-password']); ;
}); }
} else {
// afficher une erreur à l'utilisateur
this.errorForm = true;
}
} }
}