Client - fix workouts filters

This commit is contained in:
Sam 2023-07-13 09:58:17 +02:00
parent dc92b4be5b
commit ad2e143557

View File

@ -1,7 +1,7 @@
<template>
<div class="workouts-filters">
<div class="box">
<form v-on:submit.prevent="onSubmit" class="form">
<form v-on:submit.prevent="onFilter" class="form">
<div class="form-all-items">
<div class="form-items-group">
<div class="form-item">
@ -31,6 +31,7 @@
name="sport_id"
:value="$route.query.sport_id"
@change="handleFilterChange"
@keyup.enter="onFilter"
>
<option value="" />
<option
@ -54,7 +55,7 @@
@change="handleFilterChange"
placeholder=""
type="text"
@keyup.enter="submit"
@keyup.enter="onFilter"
/>
</div>
</div>
@ -71,7 +72,7 @@
step="0.1"
:value="$route.query.distance_from"
@change="handleFilterChange"
@keyup.enter="submit"
@keyup.enter="onFilter"
/>
<span>{{ $t('workouts.TO') }}</span>
<input
@ -81,7 +82,7 @@
step="0.1"
:value="$route.query.distance_to"
@change="handleFilterChange"
@keyup.enter="submit"
@keyup.enter="onFilter"
/>
</div>
</div>
@ -98,7 +99,7 @@
pattern="^([0-9]*[0-9]):([0-5][0-9])$"
placeholder="hh:mm"
type="text"
@keyup.enter="submit"
@keyup.enter="onFilter"
/>
<span>{{ $t('workouts.TO') }}</span>
<input
@ -108,7 +109,7 @@
pattern="^([0-9]*[0-9]):([0-5][0-9])$"
placeholder="hh:mm"
type="text"
@keyup.enter="submit"
@keyup.enter="onFilter"
/>
</div>
</div>
@ -125,7 +126,7 @@
@change="handleFilterChange"
step="0.1"
type="number"
@keyup.enter="submit"
@keyup.enter="onFilter"
/>
<span>{{ $t('workouts.TO') }}</span>
<input
@ -135,7 +136,7 @@
@change="handleFilterChange"
step="0.1"
type="number"
@keyup.enter="submit"
@keyup.enter="onFilter"
/>
</div>
</div>
@ -153,7 +154,7 @@
@change="handleFilterChange"
step="0.1"
type="number"
@keyup.enter="submit"
@keyup.enter="onFilter"
/>
<span>{{ $t('workouts.TO') }}</span>
<input
@ -163,7 +164,7 @@
@change="handleFilterChange"
step="0.1"
type="number"
@keyup.enter="submit"
@keyup.enter="onFilter"
/>
</div>
</div>
@ -317,7 +318,8 @@
height: 100%;
.form-item {
label, span {
label,
span {
font-size: 0.9em;
}
@ -395,7 +397,6 @@
}
.form {
.form-all-items {
.form-items-group {
.form-item-title {
padding-top: $default-padding;