From ab92f16177c9e40205d350e300acaf599bb50811 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Sat, 13 Nov 2021 13:24:02 +0100
Subject: [PATCH] [chore] add server side filtering for getDrinks

---
 src/components/CalculationTable.vue | 10 ++++++----
 src/store.ts                        |  9 ++++++++-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/CalculationTable.vue b/src/components/CalculationTable.vue
index 1a9c000..320363d 100644
--- a/src/components/CalculationTable.vue
+++ b/src/components/CalculationTable.vue
@@ -8,10 +8,10 @@
     row-key="id"
     grid
     :loading="loading"
+    :filter="search"
     @request="onRequest"
   >
     <!--
-    :filter="search"
     :filter-method="filter"
   -->
     <template #top-right>
@@ -328,7 +328,7 @@ export default defineComponent({
           });
           return retVal;
         },
-        filterable: true,
+        filterable: false,
         sortable: false,
         public: false,
       },
@@ -393,10 +393,10 @@ export default defineComponent({
 
     const loading = ref(false);
 
-    async function onRequest(props: { pagination: PaginationInterface; filter?: string }) {
+    async function onRequest(props: { pagination: PaginationInterface; filter?: Search }) {
       const { page, rowsPerPage, sortBy, descending } = props.pagination;
       loading.value = true;
-
+      console.log('search_keys', search_keys);
       const fetchCount = rowsPerPage === 0 ? pagination.value.rowsNumber : rowsPerPage;
       const startRow = (page - 1) * rowsPerPage;
       try {
@@ -404,6 +404,8 @@ export default defineComponent({
           offset: startRow,
           limit: fetchCount,
           descending,
+          search_name: props.filter.value,
+          search_key: props.filter.key,
         });
         pagination.value.page = page;
         pagination.value.rowsPerPage = rowsPerPage;
diff --git a/src/store.ts b/src/store.ts
index a14e2b8..d831cbd 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -138,8 +138,15 @@ export const usePricelistStore = defineStore({
         this.extraIngredients.splice(index, 1);
       }
     },
-    async getDrinks(filter: { limit?: number; offset?: number; descending?: boolean }) {
+    async getDrinks(filter: {
+      limit?: number;
+      offset?: number;
+      descending?: boolean;
+      search_name?: string;
+      search_key?: string;
+    }) {
       if (!filter) filter = { limit: 10 };
+      console.log('filter_api', filter);
       const { data } = await api.get<Array<FG.Drink>>('pricelist/drinks', {
         params: filter,
       });