new search defined

client/src/modules/products/store/actions.js

@@ -3,19 +3,30 @@ import axios from "axios";
 export default {
   fetchProductData({ commit, getters }, data = {}) {
     let query;
+
     if (data.filterColumn == "all") {
-      query = "q=" + data.searchInput;
+      query = "q=" + getters.getSearch;
     } else if (data.filterColumn) {
-      query = data.filterColumn + "_like=" + data.searchInput;
+      query = data.filterColumn + "_like=" + getters.getSearch;
     }
 
     let pageLimit = `&_page=${getters.getOptions.page}&_limit=${getters.getOptions.itemsPerPage}`;
-    let sort = `&_sort=${getters.getOptions.sortBy}&_order=${getters.getOptions.sortDesc}`;
+
+    if (getters.getSearch) {
+      pageLimit = "";
+    }
+
+    let sort = getters.getOptions.sortDesc[0] ? "desc" : "asc";
+
+    let sortBy = `&_sort=${getters.getOptions.sortBy}&_order=${sort}`;
 
     commit("setLoading", true);
     axios
-      .get(`http://localhost:3000/products?${query}${pageLimit}${sort}`)
+      .get(`http://localhost:3000/products?${query}${pageLimit}${sortBy}`)
       .then((response) => {
+        // console.log("totalProducts", getters.totalProducts);
+        // console.log("productList", getters.productList);
+        // console.log("itemsPerPage", getters.getOptions.itemsPerPage);
         commit("setTotalProducts", response.headers["x-total-count"]);
         commit("setProductList", response.data);
         commit("setLoading", false);
@@ -38,6 +49,10 @@ export default {
     commit("setSingleExpand", data);
   },
 
+  setSearch({ commit }, data) {
+    commit("setSearch", data);
+  },
+
   closeDialog({ commit }) {
     commit("setDialog", false);
   },
@@ -68,7 +83,7 @@ export default {
     dispatch("deleteProduct", itemList);
   },
 
-  saveProduct({ getters, dispatch, commit }) {
+  saveProduct({ getters, dispatch, commit }, data) {
     const postConfig = {
       method: "post",
       url: `http://localhost:3000/products/`,
@@ -83,7 +98,7 @@ export default {
     commit("setLoading", true);
 
     axios(!getters.editedItem.id ? postConfig : putConfig).then(() => {
-      dispatch("fetchProductData");
+      dispatch("fetchProductData", data);
       commit("setLoading", false);
     });
     dispatch("closeDialog");