Skip to content

Commit 23f7223

Browse files
author
Arthur Ayvazov
committed
geophystech#137 Events filter fields tests.
1 parent 00f3a00 commit 23f7223

File tree

1 file changed

+19
-13
lines changed

1 file changed

+19
-13
lines changed

‎src/components/Filters.vue

+19-13
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@
99
<b-input-group>
1010
<b-form-input v-model.number.trim="filters.mag_min" placeholder="2.5" :state="modelState('mag_min')"
1111
@input.native="onFiltersChange($event, 'mag_min')" autocomplete="off"
12-
:disabled="disabled" />
12+
:disabled="disabled" name="mag_min" />
1313
</b-input-group>
1414
</b-col>
1515
<b-col class="text-center middle-col"><i class="fa fa-arrows-h" aria-hidden="true"></i></b-col>
1616
<b-col cols="5">
1717
<b-input-group>
1818
<b-form-input v-model.number.trim="filters.mag_max" placeholder="10.0" :state="modelState('mag_max')"
1919
@input.native="onFiltersChange($event, 'mag_max')" autocomplete="off"
20-
:disabled="disabled"/>
20+
:disabled="disabled" name="mag_max"/>
2121
</b-input-group>
2222
</b-col>
2323
</b-row>
@@ -33,15 +33,15 @@
3333
<b-input-group>
3434
<b-form-input v-model.number.trim="filters.lat_min" placeholder="51.1" :state="modelState('lat_min')"
3535
@input.native="onFiltersChange($event, 'lat_min')" autocomplete="off"
36-
:disabled="disabled"/>
36+
:disabled="disabled" name="lat_min"/>
3737
</b-input-group>
3838
</b-col>
3939
<b-col class="text-center middle-col"><i class="fa fa-arrows-h" aria-hidden="true"></i></b-col>
4040
<b-col cols="5">
4141
<b-input-group>
4242
<b-form-input v-model.number.trim="filters.lat_max" placeholder="70.1" :state="modelState('lat_max')"
4343
@input.native="onFiltersChange($event, 'lat_max')" autocomplete="off"
44-
:disabled="disabled"/>
44+
:disabled="disabled" name="lat_max"/>
4545
</b-input-group>
4646
</b-col>
4747
</b-row>
@@ -57,15 +57,15 @@
5757
<b-input-group>
5858
<b-form-input v-model.number.trim="filters.lon_min" placeholder="130.0" :state="modelState('lon_min')"
5959
@input.native="onFiltersChange($event, 'lon_min')" autocomplete="off"
60-
:disabled="disabled"/>
60+
:disabled="disabled" name="lon_min"/>
6161
</b-input-group>
6262
</b-col>
6363
<b-col class="text-center middle-col"><i class="fa fa-arrows-h" aria-hidden="true"></i></b-col>
6464
<b-col cols="5">
6565
<b-input-group>
6666
<b-form-input v-model.number.trim="filters.lon_max" placeholder="160.9" :state="modelState('lon_max')"
6767
@input.native="onFiltersChange($event, 'lon_max')" autocomplete="off"
68-
:disabled="disabled"/>
68+
:disabled="disabled" name="lon_max"/>
6969
</b-input-group>
7070
</b-col>
7171
</b-row>
@@ -81,7 +81,7 @@
8181
<b-input-group prepend="Минимум">
8282
<b-form-input v-model.number.trim="filters.sta_num_min" placeholder="1" :state="modelState('sta_num_min')"
8383
@input.native="onFiltersChange($event, 'sta_num_min')" autocomplete="off"
84-
:disabled="disabled"/>
84+
:disabled="disabled" name="sta_num_min"/>
8585
</b-input-group>
8686
</b-col>
8787
</b-row>
@@ -96,15 +96,15 @@
9696
<b-input-group>
9797
<b-form-input v-model.number.trim="filters.depth_min" placeholder="0" :state="modelState('depth_min')"
9898
@input.native="onFiltersChange($event, 'depth_min')" autocomplete="off"
99-
:disabled="disabled"/>
99+
:disabled="disabled" name="depth_min"/>
100100
</b-input-group>
101101
</b-col>
102102
<b-col class="text-center middle-col"><i class="fa fa-arrows-h" aria-hidden="true"></i></b-col>
103103
<b-col cols="5">
104104
<b-input-group>
105105
<b-form-input v-model.number.trim="filters.depth_max" placeholder="10" :state="modelState('depth_max')"
106106
@input.native="onFiltersChange($event, 'depth_max')" autocomplete="off"
107-
:disabled="disabled"/>
107+
:disabled="disabled" name="depth_max"/>
108108
</b-input-group>
109109
</b-col>
110110
</b-row>
@@ -130,6 +130,7 @@
130130
@input.native="onFiltersChange($event, 'datetime_min')"
131131
:state="modelState('datetime_min')"
132132
:disabled="disabled"
133+
name="datetime_min"
133134
/>
134135
</b-input-group>
135136
</b-col>
@@ -146,6 +147,7 @@
146147
@input.native="onFiltersChange($event, 'datetime_max')"
147148
:state="modelState('datetime_max')"
148149
:disabled="disabled"
150+
name="datetime_max"
149151
/>
150152
</b-input-group>
151153
</b-col>
@@ -160,7 +162,8 @@
160162
<b-row no-gutters class="filter-inputs" align-v="center">
161163
<b-col>
162164
<b-input-group prepend="Максимум">
163-
<b-form-input v-model.number.trim="filters.rms_max" placeholder="0.9" :state="modelState('rms_max')" />
165+
<b-form-input v-model.number.trim="filters.rms_max" placeholder="0.9"
166+
:state="modelState('rms_max')" name="rms_max" />
164167
</b-input-group>
165168
</b-col>
166169
</b-row>
@@ -171,8 +174,7 @@
171174
<b-col>
172175
<b-row no-gutters class="filter-inputs">
173176
<b-col>
174-
<b-form-checkbox
175-
@change.native="onFiltersChange($event)"
177+
<b-form-checkbox name="has_mt" @change.native="onFiltersChange($event)"
176178
v-model="filters.has_mt" :disabled="disabled">Только с тензором момента</b-form-checkbox>
177179
</b-col>
178180
</b-row>
@@ -366,10 +368,14 @@
366368
if (prop in this.filters) {
367369
this.errorMessages[prop] = `<p>${errorList.join('</p><p>')}</p>`
368370
} else {
369-
otherErrors.push(`${prop}: ${errorList.join(', ')}`)
371+
otherErrors.push(`${prop}:\n\t${errorList.join(', ')}`)
370372
}
371373
372374
})
375+
376+
if (otherErrors.length > 0) {
377+
window.alert(otherErrors.join('\n\n'))
378+
}
373379
},
374380
375381
filtersUpdated: function(delay = 500)

0 commit comments

Comments
 (0)