Lines Matching full:form
20 <dt>{{ $t('pageDateTime.form.date') }}</dt>
27 <dt>{{ $t('pageDateTime.form.time.label') }}</dt>
35 <b-form novalidate @submit.prevent="submitForm">
36 <b-form-group
41 <b-form-radio
42 v-model="form.configurationSelected"
46 {{ $t('pageDateTime.form.manual') }}
47 </b-form-radio>
50 <b-form-group
51 :label="$t('pageDateTime.form.date')"
54 <b-form-text id="date-format-help">YYYY-MM-DD</b-form-text>
56 <b-form-input
58 v-model="form.manual.date"
59 :state="getValidationState(v$.form.manual.date)"
62 class="form-control-with-button"
63 @blur="v$.form.manual.date.$touch()"
65 <b-form-invalid-feedback role="alert">
66 <div v-if="v$.form.manual.date.pattern.$invalid">
67 {{ $t('global.form.invalidFormat') }}
69 <div v-if="v$.form.manual.date.required.$invalid">
70 {{ $t('global.form.fieldRequired') }}
72 </b-form-invalid-feedback>
73 <b-form-datepicker
74 v-model="form.manual.date"
94 </b-form-datepicker>
96 </b-form-group>
99 <b-form-group
100 :label="$t('pageDateTime.form.time.timezone', { timezone })"
103 <b-form-text id="time-format-help">HH:MM</b-form-text>
105 <b-form-input
107 v-model="form.manual.time"
108 :state="getValidationState(v$.form.manual.time)"
111 @blur="v$.form.manual.time.$touch()"
113 <b-form-invalid-feedback role="alert">
114 <div v-if="v$.form.manual.time.pattern.$invalid">
115 {{ $t('global.form.invalidFormat') }}
117 <div v-if="v$.form.manual.time.required.$invalid">
118 {{ $t('global.form.fieldRequired') }}
120 </b-form-invalid-feedback>
122 </b-form-group>
125 <b-form-radio
126 v-model="form.configurationSelected"
131 </b-form-radio>
134 <b-form-group
135 :label="$t('pageDateTime.form.ntpServers.server1')"
139 <b-form-input
141 v-model="form.ntp.firstAddress"
142 :state="getValidationState(v$.form.ntp.firstAddress)"
145 @blur="v$.form.ntp.firstAddress.$touch()"
147 <b-form-invalid-feedback role="alert">
148 <div v-if="v$.form.ntp.firstAddress.required.$invalid">
149 {{ $t('global.form.fieldRequired') }}
151 </b-form-invalid-feedback>
153 </b-form-group>
156 <b-form-group
157 :label="$t('pageDateTime.form.ntpServers.server2')"
161 <b-form-input
163 v-model="form.ntp.secondAddress"
168 </b-form-group>
171 <b-form-group
172 :label="$t('pageDateTime.form.ntpServers.server3')"
176 <b-form-input
178 v-model="form.ntp.thirdAddress"
183 </b-form-group>
193 </b-form-group>
194 </b-form>
241 form: {
254 form: {
258 return this.form.configurationSelected === 'manual';
264 return this.form.configurationSelected === 'manual';
272 return this.form.configurationSelected === 'ntp';
285 return this.form.configurationSelected === 'ntp';
288 return this.form.configurationSelected === 'manual';
308 this.form.manual.date = this.$filters.formatDate(
311 this.form.manual.time = this.$filters
333 this.form.configurationSelected = this.isNtpProtocolEnabled
337 this.form.ntp.firstAddress = '',
338 this.form.ntp.secondAddress = '',
339 this.form.ntp.thirdAddress = '',
348 let isNTPEnabled = this.form.configurationSelected === 'ntp';
358 date = this.getUtcDate(this.form.manual.date, this.form.manual.time);
361 date = new Date(`${this.form.manual.date} ${this.form.manual.time}`);
369 this.form.ntp.firstAddress,
370 this.form.ntp.secondAddress,
371 this.form.ntp.thirdAddress,
394 if (!this.form.ntp.secondAddress && this.form.ntp.thirdAddres) {
395 this.form.ntp.secondAddress = this.form.ntp.thirdAddres;
396 this.form.ntp.thirdAddress = '';
404 this.v$.form.$reset();