File
Methods
|
forgotPassword
|
forgotPassword()
|
|
|
|
|
import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatButtonModule } from '@angular/material/button';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatIconModule } from '@angular/material/icon';
import { MatInputModule } from '@angular/material/input';
import { RouterLink } from '@angular/router';
import { AdminTestComponent } from 'src/app/admin-test/admin-test.component';
import { CarouselComponent } from 'src/app/shared/carousel/carousel.component';
@Component({
selector: 'bgui-forgot-password',
standalone: true,
imports: [
CommonModule,
CarouselComponent,
MatFormFieldModule,
ReactiveFormsModule,
MatInputModule,
MatButtonModule,
MatIconModule,
MatCheckboxModule,
RouterLink,
FormsModule,
AdminTestComponent,
],
templateUrl: './forgot-password.component.html',
styleUrl: './forgot-password.component.scss',
})
export class ForgotPasswordComponent {
forgotPassword() {
throw new Error('Method not implemented.');
}
email: any;
}
<div class="container-fluid">
<div class="row mt-5">
<div class="col"></div>
<div class="col-4">
<div class="card shadow">
<div class="card-body">
<form>
<div class="mb-3">
<h4 class="text-dark text-muted">Réinitialiser votre mot de passe</h4>
</div>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Email</label>
<input type="email" class="form-control" name="email" [(ngModel)]="email" placeholder="Veuillez entrer votre Adresse mail">
</div>
<button type="button" class="btn btn-info" (click)="forgotPassword()">Envoyé lien</button>
<div class="" style="display: block;">
<div class="col-md-8 ">
<a href="auth/login-standard-user" style="text-decoration: none;"><span class="text-danger">Se Connecter</span></a>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col"></div>
</div>
</div>
Legend
Html element with directive