Added a Password Strength Meter to Admin Update Password Modal - Githubissues

idurar / idurar-erp-crm

Free Open Source ERP CRM Accounting Invoicing Software | Node Js React

https://cloud.idurarapp.com

GNU Affero General Public License v3.0

6.59k stars 2.04k forks source link

Added a Password Strength Meter to Admin Update Password Modal #991

Open inesmrad opened 9 months ago

inesmrad commented 9 months ago

Description

I added a Password Strength Meter to the the admin update password modal .

The password strength meter dynamicaly updates as users input their new password. The meter evaluates password strength according to specific criteria, including the presence of uppercase and lowercase letters, numbers, special characters, and adherence to a minimum length.
The strength meter is displayed as a progress bar below the "New Password" input field.
The progress bar (using Ant Design) color changes based on the strength of the password, providing a visual indication to the user.

Screenshots (if applicable)

Before: Screenshot (476)

After: Video https://github.com/idurar/idurar-erp-crm/assets/133030569/130583a4-b6cd-4a9a-8e7a-70e7b132973b Pictures: Screenshot (483) Screenshot (482) Screenshot (481) Screenshot (480)

Checklist

[X] I have tested these changes
[X] I have updated the relevant documentation
[X] I have commented my code, particularly in hard-to-understand areas
[X] I have made corresponding changes to the codebase
[X] My changes generate no new warnings or errors
[X] The title of my pull request is clear and descriptive

inesmrad commented 9 months ago

Thank you @inesmrad for your work. Left two minor comments and then LGTM :)

Hi @slimskhab, thanks for your suggestions .Will try to use the same colors as Ant Design