On the registration page, added an alert that informs the user of the…

… password requirements if their password does not meet the requirements. Addresses Issue systers#76. Motivation for this fix is for the user to easily generate a password. Previously, the user had to guess what the password requirements were.

src/app/register/register.component.html

@@ -27,6 +27,7 @@ <h3 class="form-signin-heading">{{language?.messages.heading}}</h3>
         <p *ngIf="regForm.controls['email'].hasError('required') && (regForm.controls['email'].touched && !isFocused)" class="alert alert-danger" role="alert">{{authMessages?.errors.emailReq}}</p>
         <p *ngIf="regForm.controls['email'].hasError('pattern') && (regForm.controls['email'].touched) && !isFocused" class="alert alert-danger" role="alert">{{authMessages?.errors.emailInvalid}}</p>
         <p *ngIf="regForm.controls['password'].hasError('required') && (regForm.controls['password'].touched && !isFocused)" class="alert alert-danger" role="alert">{{authMessages?.errors.passwordReq}}</p>
+        <p *ngIf="regForm.controls['password'].hasError('pattern') && (regForm.controls['password'].touched && !isFocused)" class="alert alert-danger" role="alert">{{authMessages?.errors.passwordInvalid}}</p>
         <p *ngIf="regForm.controls['confirmpassword'].value!=regForm.controls['password'].value && (regForm.controls['confirmpassword'].touched && !isFocused)" class="alert alert-danger" role="alert">{{authMessages?.errors.passwordMatch}}</p>
       </div>
       <div class="alert alert-danger" *ngIf="errorMessage">{{errorMessage}}</div>

src/assets/languages/english.json

@@ -61,7 +61,7 @@
         "emailReq": "Email is required",
         "emailInvalid": "The email address is invalid",
         "passwordReq": "Password is required",
-        "passwordInvalid": "Password is invalid",
+        "passwordInvalid": "Password is invalid. Password must: Be a minimum of 8 characters; Contain at least 1 lowercase and 1 uppercase letter; Contain at least 1 special character (!@#$%^&*); Contain at least 1 number (0–9)",
         "passwordMatch": "Passwords should match",
         "loginError": "Incorrect username and password, please try again",
         "registrationFail": "Registration unsuccesful"