fix(Event): change keypress to keydown and add enter icon

Author: dewita

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>
 

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>
 

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>
 

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 || '';
     }

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>