blob: e282a9cc1cd4dac97e1dd00fc93f15275ed644e5 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<p>Signup:</p>
<input placeholder="Username" type="text" (input)="comparePassword(username.value, confirmPass.value, password.value)" #username>
<span id="usernameStatusText" *ngIf="usernameStatusText">{{usernameStatusText | async}}</span>
<input placeholder="Password" type="password" (input)="comparePassword(username.value, confirmPass.value, password.value)" #password>
<progress [ngClass]="'color' + strength.getValue()" id="bar" [value]="strength | async" max="6"> </progress>
<span id="statusText" *ngIf="statusText">{{statusText | async}}</span>
<span *ngFor="let requirement of Object.values(passwordRequirements)">
<span id="requirement" *ngIf="passwordRequirements" [style.color]="requirement.value ? 'green' : 'red'"> {{requirement.title}} </span>
</span>
<input placeholder="Confirm password" type="password" (input)="comparePassword(username.value, confirmPass.value, password.value)" #confirmPass>
<span id="passwordStatusText" *ngIf="passwordStatusText">{{passwordStatusText | async}}</span>
<button type="button" [disabled]="!(ableToCreateAccount | async)" (click)="signup(username.value, password.value)">Create Account</button>
<span *ngIf="showSuccessMessage | async">Account created <a routerLink="/login">Proceed to login</a></span>
|
