diff options
Diffstat (limited to 'src/views/_sila/SecurityAndAccess/UserManagement/ModalSettings.vue')
-rw-r--r-- | src/views/_sila/SecurityAndAccess/UserManagement/ModalSettings.vue | 59 |
1 files changed, 33 insertions, 26 deletions
diff --git a/src/views/_sila/SecurityAndAccess/UserManagement/ModalSettings.vue b/src/views/_sila/SecurityAndAccess/UserManagement/ModalSettings.vue index 6c72d5e4..a83a9c80 100644 --- a/src/views/_sila/SecurityAndAccess/UserManagement/ModalSettings.vue +++ b/src/views/_sila/SecurityAndAccess/UserManagement/ModalSettings.vue @@ -11,18 +11,18 @@ <b-col lg="12"> <b-row> <b-col lg="12"> - <b-form-group - :label="$t('pageUserManagement.modal.maxFailedLoginAttempts')" - label-for="lockout-threshold" - > - <b-form-text id="lockout-threshold-help-block"> - {{ - $t('global.form.valueMustBeBetween', { - min: 0, - max: 65535, - }) - }} - </b-form-text> + <b-form-group label-for="lockout-threshold"> + <template #label> + {{ $t('pageUserManagement.modal.maxFailedLoginAttempts') }} + <info-tooltip + :title=" + $t('global.form.valueMustBeBetween', { + min: 0, + max: 65535, + }) + " + /> + </template> <b-form-input id="lockout-threshold" v-model.number="form.lockoutThreshold" @@ -75,21 +75,25 @@ > {{ $t('pageUserManagement.modal.automaticAfterTimeout') }} </b-form-radio> - <div class="mt-3 ml-4"> - <b-form-text id="lockout-duration-help-block"> - {{ + <div class="mt-4"> + <b-form-group + :label=" $t('pageUserManagement.modal.timeoutDurationSeconds') - }} - </b-form-text> - <b-form-input - v-model.number="form.lockoutDuration" - aria-describedby="lockout-duration-help-block" - type="number" - data-test-id="userManagement-input-lockoutDuration" - :state="getValidationState($v.form.lockoutDuration)" - :readonly="$v.form.unlockMethod.$model === 0" - @input="$v.form.lockoutDuration.$touch()" - /> + " + label-for="lockout-duration" + > + <b-form-input + id="lockout-duration" + v-model.number="form.lockoutDuration" + aria-describedby="lockout-duration-help-block" + type="number" + data-test-id="userManagement-input-lockoutDuration" + :state="getValidationState($v.form.lockoutDuration)" + :readonly="$v.form.unlockMethod.$model === 0" + style="width: 100%" + @input="$v.form.lockoutDuration.$touch()" + /> + </b-form-group> <b-form-invalid-feedback role="alert"> <template v-if="!$v.form.lockoutDuration.required"> {{ $t('global.form.fieldRequired') }} @@ -129,6 +133,8 @@ <script> import VuelidateMixin from '@/components/_sila/Mixins/VuelidateMixin.js'; +import InfoTooltip from '@/components/_sila/Global/InfoTooltip'; + import { required, requiredIf, @@ -137,6 +143,7 @@ import { } from 'vuelidate/lib/validators'; export default { + components: { InfoTooltip }, mixins: [VuelidateMixin], props: { settings: { |