Add form input field validation icons
Updates form validation to match updated style guide:
- Datepicker and password toggle form field
padding adjusted to accomodate validation icons
- Valid form validation icon is hidden
- Adds carbon icons and enables validation icons in
IBM environment
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I7edff1e9527ad2c2cfec236daacb83ad4864d785
diff --git a/src/views/AccessControl/Ldap/Ldap.vue b/src/views/AccessControl/Ldap/Ldap.vue
index 8bebed9..618434b 100644
--- a/src/views/AccessControl/Ldap/Ldap.vue
+++ b/src/views/AccessControl/Ldap/Ldap.vue
@@ -146,6 +146,7 @@
v-model="form.bindPassword"
type="password"
:state="getValidationState($v.form.bindPassword)"
+ class="form-control-with-button"
@change="$v.form.bindPassword.$touch()"
/>
<b-form-invalid-feedback role="alert">
diff --git a/src/views/AccessControl/LocalUserManagement/ModalUser.vue b/src/views/AccessControl/LocalUserManagement/ModalUser.vue
index 75961e3..7e6519d 100644
--- a/src/views/AccessControl/LocalUserManagement/ModalUser.vue
+++ b/src/views/AccessControl/LocalUserManagement/ModalUser.vue
@@ -143,6 +143,7 @@
data-test-id="localUserManagement-input-password"
aria-describedby="password-help-block"
:state="getValidationState($v.form.password)"
+ class="form-control-with-button"
@input="$v.form.password.$touch()"
/>
<b-form-invalid-feedback role="alert">
@@ -178,6 +179,7 @@
data-test-id="localUserManagement-input-passwordConfirmation"
type="password"
:state="getValidationState($v.form.passwordConfirmation)"
+ class="form-control-with-button"
@input="$v.form.passwordConfirmation.$touch()"
/>
<b-form-invalid-feedback role="alert">