From 7ccbfb414de47941c8acb2e6f9c2cc7a01cd819c Mon Sep 17 00:00:00 2001
From: Gunther6070 <haydenhartman10@yahoo.com>
Date: Thu, 27 Mar 2025 18:47:07 -0400
Subject: Added requirements list, updated bar, and disabling of creation with
 weak passwords.

---
 ufund-ui/src/app/components/signup/signup.component.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'ufund-ui/src/app/components/signup/signup.component.html')

diff --git a/ufund-ui/src/app/components/signup/signup.component.html b/ufund-ui/src/app/components/signup/signup.component.html
index 5b1b4f7..1b50d39 100644
--- a/ufund-ui/src/app/components/signup/signup.component.html
+++ b/ufund-ui/src/app/components/signup/signup.component.html
@@ -1,8 +1,16 @@
 <p>Signup:</p>
 <input placeholder="Username" type="text" #username>
 <input placeholder="Password" type="password" (input)="checkPasswordStrength(password.value)" #password>
-<button type="button" (click)="signup(username.value, password.value)">Create Account</button>
+<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>
-- 
cgit v1.2.3