|
1 | 1 | <mat-tab-group [color]="color" [selectedIndex]="tabIndex"> |
2 | | - <!--Reset password tab--> |
3 | | - <mat-tab *ngIf="passwordResetWished" label="Reset Password"> |
4 | | - <form [formGroup]="resetPasswordFormGroup" (ngSubmit)="resetPasswordFormGroup.valid && resetPassword()"> |
5 | | - |
6 | | - <mat-card> |
7 | | - <mat-card-header fxLayoutAlign="end"> |
8 | | - <button mat-icon-button |
9 | | - [color]="color" |
10 | | - matTooltip="close" |
11 | | - matTooltipPosition="above" |
12 | | - (click)="passwordResetWished = false"> |
13 | | - <mat-icon>close</mat-icon> |
14 | | - </button> |
15 | | - </mat-card-header> |
16 | | - |
17 | | - <mat-card-content> |
18 | | - <mat-form-field class="full-width" [appearance]="appearance"> |
19 | | - <mat-label> {{ resetPasswordTabText }} </mat-label> |
20 | | - <input matInput |
21 | | - [readonly]="passReset" |
22 | | - [title]="resetPasswordInputText" |
23 | | - formControlName="email" |
24 | | - required> |
25 | | - <mat-icon matSuffix [color]="color">email</mat-icon> |
26 | | - <mat-error *ngIf="resetPasswordEmailFormControl.hasError('required')"> |
27 | | - {{resetPasswordErrorRequiredText}} |
28 | | - </mat-error> |
29 | | - <mat-error *ngIf="resetPasswordEmailFormControl.hasError('pattern')"> |
30 | | - {{resetPasswordErrorPatternText}} |
31 | | - </mat-error> |
32 | | - </mat-form-field> |
33 | | - </mat-card-content> |
34 | | - <mat-card-actions fxLayoutAlign="center"> |
35 | | - <button mat-raised-button |
36 | | - type="submit" |
37 | | - [color]="color" |
38 | | - [disabled]="passReset"> |
39 | | - {{resetPasswordActionButtonText}} |
40 | | - </button> |
41 | | - </mat-card-actions> |
42 | | - <mat-card-footer *ngIf="passReset" fxLayoutAlign="center"> |
43 | | - <p>{{resetPasswordInstructionsText}}</p> |
44 | | - </mat-card-footer> |
45 | | - <mat-card-footer> |
46 | | - <mat-progress-bar *ngIf="authProcess.isLoading" mode="indeterminate"></mat-progress-bar> |
47 | | - </mat-card-footer> |
48 | | - </mat-card> |
49 | | - </form> |
50 | | - </mat-tab> |
51 | 2 |
|
52 | 3 | <!--Sign in tab--> |
53 | 4 | <mat-tab [label]="signInTabText"> |
|
248 | 199 |
|
249 | 200 | </mat-card> |
250 | 201 | </mat-tab> |
| 202 | + |
| 203 | + <!--Reset password tab--> |
| 204 | + <mat-tab *ngIf="passwordResetWished" label="Reset Password"> |
| 205 | + <form [formGroup]="resetPasswordFormGroup" (ngSubmit)="resetPasswordFormGroup.valid && resetPassword()"> |
| 206 | + |
| 207 | + <mat-card> |
| 208 | + <mat-card-header fxLayoutAlign="end"> |
| 209 | + <button mat-icon-button |
| 210 | + [color]="color" |
| 211 | + matTooltip="close" |
| 212 | + matTooltipPosition="above" |
| 213 | + (click)="passwordResetWished = false"> |
| 214 | + <mat-icon>close</mat-icon> |
| 215 | + </button> |
| 216 | + </mat-card-header> |
| 217 | + |
| 218 | + <mat-card-content> |
| 219 | + <mat-form-field class="full-width" [appearance]="appearance"> |
| 220 | + <mat-label> {{ resetPasswordTabText }} </mat-label> |
| 221 | + <input matInput |
| 222 | + [readonly]="passReset" |
| 223 | + [title]="resetPasswordInputText" |
| 224 | + formControlName="email" |
| 225 | + required> |
| 226 | + <mat-icon matSuffix [color]="color">email</mat-icon> |
| 227 | + <mat-error *ngIf="resetPasswordEmailFormControl.hasError('required')"> |
| 228 | + {{resetPasswordErrorRequiredText}} |
| 229 | + </mat-error> |
| 230 | + <mat-error *ngIf="resetPasswordEmailFormControl.hasError('pattern')"> |
| 231 | + {{resetPasswordErrorPatternText}} |
| 232 | + </mat-error> |
| 233 | + </mat-form-field> |
| 234 | + </mat-card-content> |
| 235 | + <mat-card-actions fxLayoutAlign="center"> |
| 236 | + <button mat-raised-button |
| 237 | + type="submit" |
| 238 | + [color]="color" |
| 239 | + [disabled]="passReset"> |
| 240 | + {{resetPasswordActionButtonText}} |
| 241 | + </button> |
| 242 | + </mat-card-actions> |
| 243 | + <mat-card-footer *ngIf="passReset" fxLayoutAlign="center"> |
| 244 | + <p>{{resetPasswordInstructionsText}}</p> |
| 245 | + </mat-card-footer> |
| 246 | + <mat-card-footer> |
| 247 | + <mat-progress-bar *ngIf="authProcess.isLoading" mode="indeterminate"></mat-progress-bar> |
| 248 | + </mat-card-footer> |
| 249 | + </mat-card> |
| 250 | + </form> |
| 251 | + </mat-tab> |
| 252 | + |
251 | 253 | </mat-tab-group> |
252 | 254 | <mat-divider></mat-divider> |
253 | 255 | <ngx-auth-firebaseui-providers [providers]="providers"></ngx-auth-firebaseui-providers> |
0 commit comments