From 0a952e3dea615ddb1f2f096683d8dd4de3549852 Mon Sep 17 00:00:00 2001
From: alexandre dewit <alexandre.dewit@student.uclouvain.be>
Date: Sun, 29 Mar 2020 16:16:11 +0200
Subject: [PATCH 1/3] feat(form): add input with enter icon class (scss)

---
 assets/css/form.scss | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/assets/css/form.scss b/assets/css/form.scss
index 0b5a85b..40c6370 100644
--- a/assets/css/form.scss
+++ b/assets/css/form.scss
@@ -58,10 +58,10 @@ input[type=file] {
   display: none;
 
   + label {
-    color:white;
+    color: white;
     border-radius: 4px;
     padding: 10px 15px;
-    cursor:pointer;
+    cursor: pointer;
     text-transform: uppercase;
     font-size: .7em;
     font-weight: bold;
@@ -79,15 +79,30 @@ input[type=file] {
 
 .input-wrapper--with-icon {
   position: relative;
+
+  &.one-third {
+    max-width: 33%;
+  }
+
+  &.input-with--enter-icon:after {
+    content: "↵";
+    color:$PRIMARY_COLOR;
+    position: absolute;
+    top: 50%;
+    right: 20px;
+    @include transformHelper(translateY(-50%));
+  }
+
   input:not([type=radio]) {
     padding-left: 50px;
   }
+
   svg {
     width: 15px;
     position: absolute;
     top: 50%;
     left: 20px;
-    transform: translateY(-50%);
+    @include transformHelper(translateY(-50%));
   }
 }
 

From 7af149fc38a8ddf81fb9b96b0782c39046d64cad Mon Sep 17 00:00:00 2001
From: alexandre dewit <alexandre.dewit@student.uclouvain.be>
Date: Sun, 29 Mar 2020 16:16:37 +0200
Subject: [PATCH 2/3] fix(Event): change keypress to keydown and add enter icon

---
 pages/administration/categories/index.vue |  4 ++--
 pages/administration/exercices/index.vue  |  4 ++--
 pages/administration/tags/index.vue       |  4 ++--
 pages/exercices/index.vue                 | 12 ++++++++++--
 pages/gestion/mes-exercices/index.vue     |  4 ++--
 5 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/pages/administration/categories/index.vue b/pages/administration/categories/index.vue
index 8b7b7b0..ef00f61 100644
--- a/pages/administration/categories/index.vue
+++ b/pages/administration/categories/index.vue
@@ -16,9 +16,9 @@
         <h1>Gestion des catégories</h1>
 
         <div class="header-wrapper">
-          <div class="input-wrapper--with-icon">
+          <div class="input-wrapper--with-icon input-with--enter-icon">
             <Icon type="search"/>
-            <input ref="inputText" class="input--primary-color" type="text" @input="resetIfEmpty" @keypress.enter="debounceInput"
+            <input ref="inputText" class="input--primary-color" type="text" @input="resetIfEmpty" @keydown.enter="debounceInput"
                    placeholder="Rechercher">
           </div>
 
diff --git a/pages/administration/exercices/index.vue b/pages/administration/exercices/index.vue
index 352d0ec..b3bbabe 100644
--- a/pages/administration/exercices/index.vue
+++ b/pages/administration/exercices/index.vue
@@ -39,9 +39,9 @@
 
 
         <div class="header-wrapper">
-          <div class="input-wrapper--with-icon">
+          <div class="input-wrapper--with-icon input-with--enter-icon">
             <Icon type="search"/>
-            <input ref="inputText" class="input--primary-color" type="text" @input="resetIfEmpty" @keypress.enter="debounceInput"
+            <input ref="inputText" class="input--primary-color" type="text" @input="resetIfEmpty" @keydown.enter="debounceInput"
                    placeholder="Rechercher">
           </div>
 
diff --git a/pages/administration/tags/index.vue b/pages/administration/tags/index.vue
index fba0693..a19d2ca 100644
--- a/pages/administration/tags/index.vue
+++ b/pages/administration/tags/index.vue
@@ -24,9 +24,9 @@
         <h1>Gestion des tags</h1>
 
         <div class="header-wrapper">
-          <div class="input-wrapper--with-icon">
+          <div class="input-wrapper--with-icon input-with--enter-icon">
             <Icon type="search"/>
-            <input ref="inputText" class="input--primary-color" type="text" @input="resetIfEmpty" @keypress.enter="debounceInput"
+            <input ref="inputText" class="input--primary-color" type="text" @input="resetIfEmpty" @keydown.enter="debounceInput"
                    placeholder="Rechercher">
           </div>
 
diff --git a/pages/exercices/index.vue b/pages/exercices/index.vue
index f44ba35..db346b9 100644
--- a/pages/exercices/index.vue
+++ b/pages/exercices/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="container--with-menu">
     <div class="banner search-banner">
-      <div class="input-wrapper--with-icon">
+      <div class="input-wrapper--with-icon one-third input-with--enter-icon">
         <Icon type="search"/>
-        <input ref="inputText" class="input--primary-color" type="text" @keypress.enter="debounceInput"
+        <input ref="inputText" class="input--primary-color" type="text" @input="resetIfEmpty" @keydown.enter="debounceInput"
                placeholder="Rechercher">
       </div>
     </div>
@@ -89,6 +89,14 @@
       this.inputText.value = ""
     }
 
+    resetIfEmpty(e:any) {
+      const value:string =  e.target.value;
+
+      if(value === '') {
+        this.$accessor.exercises.fetch({data: {title: ""}});
+      }
+    }
+
     refreshInput() {
       this.inputText.value = this.$accessor.exercises.search_criterion.title || '';
     }
diff --git a/pages/gestion/mes-exercices/index.vue b/pages/gestion/mes-exercices/index.vue
index ebd3fa2..9ad6647 100644
--- a/pages/gestion/mes-exercices/index.vue
+++ b/pages/gestion/mes-exercices/index.vue
@@ -37,9 +37,9 @@
                                                              class="init">réinitialiser la recherche</span></div>
 
         <div class="header-wrapper">
-          <div class="input-wrapper--with-icon">
+          <div class="input-wrapper--with-icon input-with--enter-icon">
             <Icon type="search"/>
-            <input ref="inputText" class="input--primary-color" type="text" @input="resetIfEmpty" @keypress.enter="debounceInput"
+            <input ref="inputText" class="input--primary-color" type="text" @input="resetIfEmpty" @keydown.enter="debounceInput"
                    placeholder="Rechercher">
           </div>
 

From b0a31a418c2350f70c24cf7a63e007bb566ee2e6 Mon Sep 17 00:00:00 2001
From: alexandre dewit <alexandre.dewit@student.uclouvain.be>
Date: Sun, 29 Mar 2020 18:29:07 +0200
Subject: [PATCH 3/3] =?UTF-8?q?style(FavoriteForm):=20change=20Titre=20de?=
 =?UTF-8?q?=20la=20s=C3=A9lection=20into=20Titre=20de=20recherche?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Gestion/FavoriteForm.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Gestion/FavoriteForm.vue b/components/Gestion/FavoriteForm.vue
index 164aac1..69c8962 100644
--- a/components/Gestion/FavoriteForm.vue
+++ b/components/Gestion/FavoriteForm.vue
@@ -20,7 +20,7 @@
                           rules="max:100"
                           v-slot="{ errors }">
             <span class="label__name">
-              Titre de la sélection
+              Titre de recherche
             </span>
         <input id="Title" placeholder="Entrez le titre de votre recherche" name="title" v-model="form.title"
                v-on:input="debounceInput" class="input--grey" type="text">