blob: 1b50d3942b3680afc32504fd044a02676737d31d (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<p>Signup:</p>
<input placeholder="Username" type="text" #username>
<input placeholder="Password" type="password" (input)="checkPasswordStrength(password.value)" #password>
<button type="button" [disabled]="passwordStrongEnough | async" (click)="signup(username.value, password.value)">Create Account</button>
<div id="requirement2" *ngIf="test"> {{test | async}} </div>
<progress id="bar" [value]="strength | async" max="6"> </progress>
<span *ngFor="let requirement of passwordRequirements">
<span id="requirement" *ngIf="passwordRequirements" [style.color]="color | async"> {{requirement}} </span>
</span>
<span *ngIf="statusText">{{statusText | async}}</span>
<span *ngIf="strength">{{strength | async}}</span>
<span *ngIf="showSuccessMessage | async">Account created <a routerLink="/login">Proceed to login</a></span>
|