aboutsummaryrefslogtreecommitdiff
path: root/ufund-ui/src/app/components/signup/signup.component.html
diff options
context:
space:
mode:
authorGunther6070 <haydenhartman10@yahoo.com>2025-03-29 15:47:46 -0400
committerGunther6070 <haydenhartman10@yahoo.com>2025-03-29 15:47:46 -0400
commit41c92354536d5545dee97e368b3a4b3c25c1a77f (patch)
treebc9038da64a66ad5458f3c6ad08c16f798bbbf83 /ufund-ui/src/app/components/signup/signup.component.html
parentb539c504782072fe933668b893c708bf577443dd (diff)
downloadJellySolutions-41c92354536d5545dee97e368b3a4b3c25c1a77f.tar.gz
JellySolutions-41c92354536d5545dee97e368b3a4b3c25c1a77f.tar.bz2
JellySolutions-41c92354536d5545dee97e368b3a4b3c25c1a77f.zip
Added emojis before requirements
Diffstat (limited to 'ufund-ui/src/app/components/signup/signup.component.html')
-rw-r--r--ufund-ui/src/app/components/signup/signup.component.html8
1 files changed, 8 insertions, 0 deletions
diff --git a/ufund-ui/src/app/components/signup/signup.component.html b/ufund-ui/src/app/components/signup/signup.component.html
index e078123..e282a9c 100644
--- a/ufund-ui/src/app/components/signup/signup.component.html
+++ b/ufund-ui/src/app/components/signup/signup.component.html
@@ -1,13 +1,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>