From ad2e14355774bc43bf971cdeeddc88e6561a7720 Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Thu, 13 Jul 2023 09:58:17 +0200
Subject: [PATCH] Client - fix workouts filters

---
 .../components/Workouts/WorkoutsFilters.vue   | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/fittrackee_client/src/components/Workouts/WorkoutsFilters.vue b/fittrackee_client/src/components/Workouts/WorkoutsFilters.vue
index 364b23cb..368d3093 100644
--- a/fittrackee_client/src/components/Workouts/WorkoutsFilters.vue
+++ b/fittrackee_client/src/components/Workouts/WorkoutsFilters.vue
@@ -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,9 +55,9 @@
                   @change="handleFilterChange"
                   placeholder=""
                   type="text"
-                  @keyup.enter="submit"
+                  @keyup.enter="onFilter"
                 />
-                </div>
+              </div>
             </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;