fuse-angular/src/app/main/pages/authentication/reset-password/reset-password.component.html
2017-07-28 16:03:32 +03:00

53 lines
2.0 KiB
HTML

<div id="reset-password" fxLayout="column" perfect-scrollbar>
<div id="reset-password-form-wrapper" fxLayout="column" fxLayoutAlign="center center">
<div id="reset-password-form">
<div class="logo">
<span>F</span>
</div>
<div class="title">RESET YOUR PASSWORD</div>
<form name="resetPasswordForm" [formGroup]="resetPasswordForm" novalidate>
<md-input-container>
<input mdInput placeholder="Email" formControlName="email">
<md-error *ngIf="resetPasswordFormErrors.email.required">
Email is required
</md-error>
<md-error *ngIf="!resetPasswordFormErrors.email.required && resetPasswordFormErrors.email.email">
Please enter a valid email address
</md-error>
</md-input-container>
<md-input-container>
<input mdInput placeholder="Password" formControlName="password">
<md-error *ngIf="resetPasswordFormErrors.password.required">
Password is required
</md-error>
</md-input-container>
<md-input-container>
<input mdInput placeholder="Password (Confirm)" formControlName="passwordConfirm">
<md-error *ngIf="resetPasswordFormErrors.passwordConfirm.required">
Password confirmation is required
</md-error>
</md-input-container>
<button md-raised-button class="submit-button" color="primary"
aria-label="RESET MY PASSWORD" [disabled]="resetPasswordForm.invalid">
RESET MY PASSWORD
</button>
</form>
<div class="login" fxLayout="row" fxLayoutAlign="center center">
<a class="link" [routerLink]="'/pages/auth/login'">Go back to login</a>
</div>
</div>
</div>
</div>