commit
9fa153da8c
|
@ -1,7 +1,4 @@
|
|||
<div class="meteo">
|
||||
<input type="text" id="ville">
|
||||
<label for="ville">Entrez votre code postal</label>
|
||||
<button id="meteo-button">Ok !</button>
|
||||
<iframe id="widget_autocomplete_preview" width="150" height="300" frameborder="0"
|
||||
<iframe id="widget_autocomplete_preview" width="400" height="150" frameborder="1" border-radius="5"
|
||||
src="https://meteofrance.com/widget/prevision/751010"> </iframe>
|
||||
</div>
|
||||
|
|
|
@ -0,0 +1 @@
|
|||
|
|
@ -1,5 +1,8 @@
|
|||
<app-header></app-header>
|
||||
<app-side-bar></app-side-bar>
|
||||
<div class="meteo">
|
||||
<app-meteo></app-meteo>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center">
|
||||
<button button type="button" class="btn btn-primary btn-lg"
|
||||
routerLink="../creation-team"
|
||||
|
|
|
@ -0,0 +1,5 @@
|
|||
.meteo {
|
||||
display: flex;
|
||||
margin-left: 300px;
|
||||
margin-top: -60px;
|
||||
}
|
|
@ -1,5 +1,6 @@
|
|||
<app-header></app-header>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="bienvenue">
|
||||
<h2 class="titre">BIENVENUE</h2>
|
||||
<p>
|
||||
|
@ -13,6 +14,7 @@ lu, nous sommes là pour vous aider !</p>
|
|||
<div class="connexion">
|
||||
<app-signin></app-signin>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pub">
|
||||
<img src="../../../assets/images/menu.png" />
|
||||
<img src="../../../assets/images/repertoire.png" />
|
||||
|
|
|
@ -1,10 +1,15 @@
|
|||
.container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.bienvenue {
|
||||
float: left;
|
||||
display: inline;
|
||||
// display: inline-block;
|
||||
// height: 300px;
|
||||
border: 4px solid #5d5fef;
|
||||
border-radius: 10px;
|
||||
margin-top: 50px;
|
||||
margin-left: 200px;
|
||||
// margin-left: 200px;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
@ -18,17 +23,20 @@ p {
|
|||
line-height: 2em;
|
||||
}
|
||||
.connexion {
|
||||
float: right;
|
||||
// float: right;
|
||||
height: 350px;
|
||||
display: inline;
|
||||
margin-top: -40px;
|
||||
margin-right: 200px;
|
||||
margin-left: 10px;
|
||||
// margin-right: 200px;
|
||||
}
|
||||
|
||||
.pub {
|
||||
padding-top: 100px;
|
||||
padding-right: 100px;
|
||||
padding-left: 200px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-top: 100px;
|
||||
padding-right: 200px;
|
||||
padding-left: 200px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
|
|
|
@ -13,10 +13,10 @@
|
|||
routerLinkActive="active-custom">Ré-initialiser mon mot de passe</button>
|
||||
|
||||
</form>
|
||||
|
||||
<!--
|
||||
<div *ngIf="errorForm">
|
||||
<p class="text-danger">Il manque des informations dans le formulaire...</p>
|
||||
</div>
|
||||
</div> -->
|
||||
</main>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -14,25 +14,20 @@ import {
|
|||
styleUrls: ['./page-forgot-password.component.scss']
|
||||
})
|
||||
export class PageForgotPasswordComponent implements OnInit {
|
||||
public errorForm: boolean;
|
||||
constructor(private authService: AuthService, private router: Router) {
|
||||
this.errorForm = false;
|
||||
|
||||
}
|
||||
|
||||
ngOnInit(): void {}
|
||||
public onSubmit(submittedForm: any): void {
|
||||
|
||||
public onSubmit(submittedForm: any): void {
|
||||
console.log(submittedForm.form.value);
|
||||
const email = submittedForm.form.value['email'];
|
||||
if (email !== '') {
|
||||
this.authService.forgotPassword(email).subscribe((resp) => {
|
||||
console.log('Component : PageForgotPassword ', resp);
|
||||
this.router.navigate(['reinitialisation-password']);
|
||||
});
|
||||
} else {
|
||||
// afficher une erreur à l'utilisateur
|
||||
this.errorForm = true;
|
||||
}
|
||||
|
||||
// const email = submittedForm.form.value['email'];
|
||||
// console.log(email);
|
||||
window.alert("Vous allez recevoir un email pour re-initialiser votre mot de passe !")
|
||||
// this.router.navigate(['reinitialisation-password']);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue