From f97d8ffdfd875fba20a1c51995ee6543c8428fe4 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Wed, 1 Jan 2025 13:44:07 +0100
Subject: [PATCH] shopping load with pagination

---
 vue3/src/stores/ShoppingStore.ts | 39 +++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/vue3/src/stores/ShoppingStore.ts b/vue3/src/stores/ShoppingStore.ts
index 4d4626d29..35c56c9ca 100644
--- a/vue3/src/stores/ShoppingStore.ts
+++ b/vue3/src/stores/ShoppingStore.ts
@@ -191,23 +191,13 @@ export const useShoppingStore = defineStore(_STORE_ID, () => {
             autoSyncLastTimestamp.value = new Date();
 
             let api = new ApiApi()
-            let requestParameters = {pageSize: 200} as ApiShoppingListEntryListRequest
+            let requestParameters = {pageSize: 50, page: 1} as ApiShoppingListEntryListRequest
             if (mealPlanId) {
                 requestParameters.mealplan = mealPlanId
             }
 
-            api.apiShoppingListEntryList(requestParameters).then((r) => {
-                entries.value = new Map<number, ShoppingListEntry>
-                // TODO properly load pages
-                r.results.forEach((e) => {
-                    entries.value.set(e.id!, e)
-                })
-                currentlyUpdating.value = false
-                initialized.value = true
-            }).catch((err) => {
-                currentlyUpdating.value = false
-                useMessageStore().addError(ErrorMessageType.FETCH_ERROR, err)
-            })
+            entries.value = new Map<number, ShoppingListEntry>
+            recLoadShoppingListEntries(requestParameters)
 
             api.apiSupermarketCategoryList().then(r => {
                 supermarketCategories.value = r.results
@@ -223,6 +213,29 @@ export const useShoppingStore = defineStore(_STORE_ID, () => {
         }
     }
 
+    /**
+     * recursively load shopping list entries from paginated api
+     * @param requestParameters
+     */
+    function recLoadShoppingListEntries(requestParameters: ApiShoppingListEntryListRequest){
+        let api = new ApiApi()
+        api.apiShoppingListEntryList(requestParameters).then((r) => {
+                r.results.forEach((e) => {
+                    entries.value.set(e.id!, e)
+                })
+                if(r.next){
+                    requestParameters.page = requestParameters.page + 1
+                    recLoadShoppingListEntries(requestParameters)
+                } else {
+                    currentlyUpdating.value = false
+                    initialized.value = true
+                }
+            }).catch((err) => {
+                currentlyUpdating.value = false
+                useMessageStore().addError(ErrorMessageType.FETCH_ERROR, err)
+            })
+    }
+
     /**
      * perform auto sync request to special endpoint returning only entries changed since last auto sync
      */