Lines Matching full:form
11 <b-form id="form-user" novalidate @submit.prevent="handleSubmit">
13 <!-- Manual unlock form control -->
17 <template v-if="!v$.form.manualUnlock.$dirty">
27 v-model="form.manualUnlock"
33 :disabled="v$.form.manualUnlock.$dirty"
35 @click="v$.form.manualUnlock.$touch()"
43 <b-form-group :label="$t('pageUserManagement.modal.accountStatus')">
44 <b-form-radio
45 v-model="form.status"
49 @input="v$.form.status.$touch()"
52 </b-form-radio>
53 <b-form-radio
54 v-model="form.status"
59 @input="v$.form.status.$touch()"
62 </b-form-radio>
63 </b-form-group>
64 <b-form-group
68 <b-form-text id="username-help-block">
76 </b-form-text>
77 <b-form-input
79 v-model="form.username"
83 :state="getValidationState(v$.form.username)"
85 @input="v$.form.username.$touch()"
87 <b-form-invalid-feedback role="alert">
88 <template v-if="v$.form.username.required.$invalid">
89 {{ $t('global.form.fieldRequired') }}
91 <template v-else-if="v$.form.username.maxLength.$invalid">
93 $t('global.form.lengthMustBeBetween', { min: 1, max: 16 })
96 <template v-else-if="v$.form.username.pattern.$invalid">
97 {{ $t('global.form.invalidFormat') }}
99 </b-form-invalid-feedback>
100 </b-form-group>
101 <b-form-group
105 <b-form-select
107 v-model="form.privilege"
110 :state="getValidationState(v$.form.privilege)"
112 @input="v$.form.privilege.$touch()"
115 <b-form-select-option :value="null" disabled>
116 {{ $t('global.form.selectAnOption') }}
117 </b-form-select-option>
119 </b-form-select>
120 <b-form-invalid-feedback role="alert">
121 <template v-if="v$.form.privilege.required.$invalid">
122 {{ $t('global.form.fieldRequired') }}
124 </b-form-invalid-feedback>
125 </b-form-group>
128 <b-form-group
132 <b-form-text id="password-help-block">
139 </b-form-text>
141 <b-form-input
143 v-model="form.password"
147 :state="getValidationState(v$.form.password)"
148 class="form-control-with-button"
149 @input="v$.form.password.$touch()"
151 <b-form-invalid-feedback role="alert">
152 <template v-if="v$.form.password.required.$invalid">
153 {{ $t('global.form.fieldRequired') }}
157 v$.form.password.minLength.$invalid ||
158 v$.form.password.maxLength.$invalid
168 </b-form-invalid-feedback>
170 </b-form-group>
171 <b-form-group
176 <b-form-input
178 v-model="form.passwordConfirmation"
181 :state="getValidationState(v$.form.passwordConfirmation)"
182 class="form-control-with-button"
183 @input="v$.form.passwordConfirmation.$touch()"
185 <b-form-invalid-feedback role="alert">
187 v-if="v$.form.passwordConfirmation.required.$invalid"
189 {{ $t('global.form.fieldRequired') }}
193 v$.form.passwordConfirmation.sameAsPassword.$invalid
198 </b-form-invalid-feedback>
200 </b-form-group>
204 </b-form>
214 form="form-user"
268 form: {
297 this.form.username = value.username;
298 this.form.status = value.Enabled;
299 this.form.privilege = value.privilege;
304 form: {
340 userData.username = this.form.username;
341 userData.status = this.form.status;
342 userData.privilege = this.form.privilege;
343 userData.password = this.form.password;
347 if (this.v$.form.status.$dirty) {
348 userData.status = this.form.status;
350 if (this.v$.form.username.$dirty) {
351 userData.username = this.form.username;
353 if (this.v$.form.privilege.$dirty) {
354 userData.privilege = this.form.privilege;
356 if (this.v$.form.password.$dirty) {
357 userData.password = this.form.password;
359 if (this.v$.form.manualUnlock.$dirty) {
360 // If form manualUnlock control $dirty then
379 this.form.originalUsername = '';
380 this.form.status = true;
381 this.form.username = '';
382 this.form.privilege = null;
383 this.form.password = '';
384 this.form.passwordConfirmation = '';
390 if (this.v$.form.password.$dirty) return true;
391 if (this.v$.form.passwordConfirmation.$dirty) return true;