You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
XJC/src/app/components/home/reset-password/reset-password.component.html

32 lines
1.5 KiB
HTML

<div class="container">
<div class="card">
<div class="well">
<p class="h5 text-center mb-4">Réinitialiser mot de passe</p>
<!--<div> ID: {{ (user | async)?.uid }} </div>
<div> Email: {{ (user | async)?.email }} </div>-->
<div class="md-form">
<i class="fa fa-envelope prefix grey-text"></i>
<input type="email" [(ngModel)]="email" placeholder="Email" name="mail" required pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" #mail="ngModel">
<div *ngIf="mail.errors && mail.errors.pattern && (mail.dirty || mail.touched)" class="alert alert-danger">
Votre <strong>email</strong> est requis et doit avoir ce format : <strong><i>john@gmail.fr</i></strong>.
</div>
</div>
<div class="text-center" style="margin-top:5%">
<button class="btn btn-dark-green" [disabled]="mail.errors" (click)="resetPass()">Réinitialiser mot de passe<i class="fa fa-paper-plane-o ml-1"></i></button>
<!--<button class="btn btn-cyan" (click)="loadHomeComponent()">Back</button>-->
<button class="btn btn-cyan" (click)="loadHomeComponent()">Retour</button>
</div>
<div *ngIf="emailExist" class="alert alert-success">
Un <strong>email pour réinitiliser votre mot de passe</strong> vient de vous être envoyé à <strong><i>{{email}}</i></strong>.
</div>
<div *ngIf="emailExist == false" class="alert alert-danger">
L'email <strong><i>{{email}}</i></strong> n'est pas inscrit sur ParraineTesAmis.com
</div>
</div>
</div>
</div>