SecurityAndAccess/UserManagement/ModalSettings.vue

8     <b-form id="form-settings" novalidate @submit.prevent="handleSubmit">
12             <b-form-group
16               <b-form-text id="lockout-threshold-help-block">
18                   $t('global.form.valueMustBeBetween', {
23               </b-form-text>
24               <b-form-input
26                 v-model.number="form.lockoutThreshold"
30                 :state="getValidationState(v$.form.lockoutThreshold)"
31                 @input="v$.form.lockoutThreshold.$touch()"
33               <b-form-invalid-feedback role="alert">
34                 <template v-if="v$.form.lockoutThreshold.required.$invalid">
35                   {{ $t('global.form.fieldRequired') }}
39                     !v$.form.lockoutThreshold.minLength ||
40                     !v$.form.lockoutThreshold.maxLength
44                     $t('global.form.valueMustBeBetween', {
50               </b-form-invalid-feedback>
51             </b-form-group>
54             <b-form-group
57               <b-form-radio
58                 v-model="form.unlockMethod"
63                 @input="v$.form.unlockMethod.$touch()"
66               </b-form-radio>
67               <b-form-radio
68                 v-model="form.unlockMethod"
72                 @input="v$.form.unlockMethod.$touch()"
75               </b-form-radio>
77                 <b-form-text id="lockout-duration-help-block">
79                 </b-form-text>
80                 <b-form-input
81                   v-model.number="form.lockoutDuration"
85                   :state="getValidationState(v$.form.lockoutDuration)"
86                   :readonly="v$.form.unlockMethod.$model === 0"
87                   @input="v$.form.lockoutDuration.$touch()"
89                 <b-form-invalid-feedback role="alert">
90                   <template v-if="v$.form.lockoutDuration.required.$invalid">
91                     {{ $t('global.form.fieldRequired') }}
93                   <template v-else-if="!v$.form.lockoutDuration.minvalue">
94                     {{ $t('global.form.mustBeAtLeast', { value: 1 }) }}
96                 </b-form-invalid-feedback>
98             </b-form-group>
102     </b-form>
112         form="form-settings"
152       form: {
161       this.form.lockoutThreshold = lockoutThreshold;
162       this.form.unlockMethod = lockoutDuration ? 1 : 0;
163       this.form.lockoutDuration = lockoutDuration ? lockoutDuration : null;
167     form: {
176           return this.form.unlockMethod === 0 || value > 0;
179           return this.form.unlockMethod === 1;
191       if (this.v$.form.lockoutThreshold.$dirty) {
192         lockoutThreshold = this.form.lockoutThreshold;
194       if (this.v$.form.unlockMethod.$dirty) {
195         lockoutDuration = this.form.unlockMethod
196           ? parseInt(this.form.lockoutDuration)
214       // Reset form models
215       this.form.lockoutThreshold = this.settings.lockoutThreshold;
216       this.form.unlockMethod = this.settings.lockoutDuration ? 1 : 0;
217       this.form.lockoutDuration = this.settings.lockoutDuration