B.2. We should split this requirement in multiple lines. Each line will have similar behaviours. For each admin requirement, we have a small line. This line can have 4 states:
- Invisible: the admin did not need this requirement. The line might not even be there in the DOM. Pick the solution that would be easiest.
- 0 - grey text without an icon. The admin needs this requirement. The field is still empty. The line contains information about the requirement itself.
- 1 - green text with a checkmark icon. The admin needs this requirement. The field contains a password that fulfills this requirement. The line contains information about the requirement itself.
- -1 - red text with an error icon. The admin needs this requiremetn. The field contains a password that breaks this requirement. The line contains information about the requirement itself and a couple words to explain that it's not fulfilled.
|