fix filtering events

rhaamo · Oct 26, 2022 · 094c860 · 094c860
1 parent 449b67e
commit 094c860
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 8 deletions.
diff --git a/front/src/views/parts/List.vue b/front/src/views/parts/List.vue
@@ -216,12 +216,14 @@
                   </template>
                 </div>
               </template>
-              <template #filter="{ filterModel }">
+              <template #filter="{ filterModel, filterCallback }">
                 <InputText
                   type="text"
                   v-model="filterModel.value"
                   class="p-column-filter"
                   placeholder="Search by name"
+                  @keydown.enter="filterCallback()"
+                  v-tooltip.top.focus="'Hit enter key to filter'"
                 />
               </template>
             </Column>
@@ -236,13 +238,14 @@
                   ? slotProps.data.storage.name
                   : "-"
               }}</template>
-              <template #filter="{ filterModel }">
+              <template #filter="{ filterModel, filterCallback }">
                 <TreeSelect
                   v-model="filterModel.value"
                   class="p-column-filter"
                   placeholder="Search by storage"
                   :options="choicesStorageLocationWithNo"
                   selectionMode="single"
+                  @change="filterCallback()"
                 />
               </template>
             </Column>
@@ -300,11 +303,13 @@
                   </template>
                 </Inplace>
               </template>
-              <template #filter="{ filterModel }">
+              <template #filter="{ filterModel, filterCallback }">
                 <InputNumber
                   v-model="filterModel.value"
                   class="p-column-filter"
                   placeholder="qty"
+                  @keydown.enter="filterCallback()"
+                  v-tooltip.top.focus="'Hit enter key to filter'"
                 />
               </template>
             </Column>
@@ -374,7 +379,7 @@
                   }}
                 </span>
               </template>
-              <template #filter="{ filterModel }">
+              <template #filter="{ filterModel, filterCallback }">
                 <Dropdown
                   v-model="filterModel.value"
                   class="p-column-filter"
@@ -385,6 +390,7 @@
                   optionGroupLabel="category"
                   optionGroupChildren="footprints"
                   :filter="true"
+                  @change="filterCallback()"
                 />
               </template>
             </Column>

diff --git a/front/src/views/parts/ListPublic.vue b/front/src/views/parts/ListPublic.vue
@@ -102,12 +102,14 @@
                   </template>
                 </div>
               </template>
-              <template #filter="{ filterModel }">
+              <template #filter="{ filterModel, filterCallback }">
                 <InputText
                   type="text"
                   v-model="filterModel.value"
                   class="p-column-filter"
                   placeholder="Search by name"
+                  @keydown.enter="filterCallback()"
+                  v-tooltip.top.focus="'Hit enter key to filter'"
                 />
               </template>
             </Column>
@@ -122,13 +124,14 @@
                   ? slotProps.data.storage.name
                   : "-"
               }}</template>
-              <template #filter="{ filterModel }">
+              <template #filter="{ filterModel, filterCallback }">
                 <TreeSelect
                   v-model="filterModel.value"
                   class="p-column-filter"
                   placeholder="Search by storage"
                   :options="choicesStorageLocationWithNo"
                   selectionMode="single"
+                  @change="filterCallback()"
                 />
               </template>
             </Column>
@@ -156,11 +159,13 @@
                   ></span>
                 </template>
               </template>
-              <template #filter="{ filterModel }">
+              <template #filter="{ filterModel, filterCallback }">
                 <InputNumber
                   v-model="filterModel.value"
                   class="p-column-filter"
                   placeholder="qty"
+                  @keydown.enter="filterCallback()"
+                  v-tooltip.top.focus="'Hit enter key to filter'"
                 />
               </template>
             </Column>
@@ -203,7 +208,7 @@
                   }}
                 </span>
               </template>
-              <template #filter="{ filterModel }">
+              <template #filter="{ filterModel, filterCallback }">
                 <Dropdown
                   v-model="filterModel.value"
                   class="p-column-filter"
@@ -214,6 +219,7 @@
                   optionGroupLabel="category"
                   optionGroupChildren="footprints"
                   :filter="true"
+                  @change="filterCallback()"
                 />
               </template>
             </Column>