pagination users, locations, vehicles, loads

src/stores/loads.js

@@ -6,27 +6,33 @@ export const useLoadsStore = defineStore('load', () => {
     const companyid = localStorage.getItem('id');
     const currentLoad = ref(null);
     const loads = ref([])
+    const loadsTotal = ref(0)
+    const loadsCurrentPage = ref(1)
     const proposalsOfLoads = ref([]);
     const openModalEdit = ref(false);
     const openAttachmentsModal = ref(false);
     const openProposalsModal = ref(false);
 
 
-    const getCompanyLoads = async(filterQuery) => {
+    const getCompanyLoads = async(filterQuery, reload = false) => {
         let filterArr = Object.values(filterQuery);
         let cleanfilterArr =  filterArr.filter(n=>n);
         var filterStr = "";
         if(cleanfilterArr.length >0){
             filterStr = cleanfilterArr.join("&");
         }
-        // console.log(filterStr);
-        try {
-            const endpoint = `/loads?company=${companyid}&${filterStr}`;
-            const {data} = await api.get(endpoint);
-            loads.value = data.data;
-        } catch (error) {
-            loads.value = [];
-            console.log(error);
+        if(loads.value.length <= 0 || reload) {
+            try {
+                const endpoint = `/loads?company=${companyid}&${filterStr}&$sort%5BcreatedAt%5D=-1`;
+                console.log(endpoint);
+                const {data} = await api.get(endpoint);
+                loads.value = data.data;
+                loadsTotal.value = data.total;
+            } catch (error) {
+                loads.value = [];
+                loadsTotal.value = 0;
+                console.log(error);
+            }
         }
     }
 
@@ -46,6 +52,7 @@ export const useLoadsStore = defineStore('load', () => {
         try {
             const endpoint = `/loads/`;
             const {data} = await api.post(endpoint, load);
+            loadsTotal.value++;
             return data;
         } catch (error) {
             console.log(error);
@@ -94,6 +101,7 @@ export const useLoadsStore = defineStore('load', () => {
             const endpoint = `/loads/${loadId}`;
             console.log(endpoint);
             const {data} = await api.delete(endpoint);
+            loadsTotal.value--;
             return data;
         } catch (error) {
             console.log(error);
@@ -136,6 +144,8 @@ export const useLoadsStore = defineStore('load', () => {
        updateProposal,
        deleteProposal,
        loads,
+       loadsCurrentPage,
+       loadsTotal,
        currentLoad,
        proposalsOfLoads,
    }