fixed entriesloaded being changed in computed

DH-Center-Tuebingen · Oct 17, 2023 · 734b49c · 734b49c
1 parent eaa0418
commit 734b49c
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/resources/js/components/BibliographyTable.vue b/resources/js/components/BibliographyTable.vue
@@ -563,6 +563,8 @@
             const toast = useToast();
             // FETCH
 
+            const chunkSize = 20
+
             // FUNCTIONS
             const setOrderColumn = column => {
                 if(state.orderColumn == column) {
@@ -579,13 +581,13 @@
             const getNextEntries = _ => {
                 if(state.entriesLoaded === state.allEntries.length) return;
 
-                state.entriesLoaded = Math.min(state.entriesLoaded + state.chunkSize, state.allEntries.length);
+                state.entriesLoaded = Math.min(state.entriesLoaded + chunkSize, state.allEntries.length);
             };
             const showNewItemModal = _ => {
                 if(!can('bibliography_create')) return;
                 
                 showBibliographyEntry({fields: {}}, _ => {
-                    if(state.allEntries.length < state.chunkSize) {
+                    if(state.allEntries.length < chunkSize) {
                         state.entriesLoaded++;
                     }
                 });
@@ -657,8 +659,7 @@
             // DATA
             const state = reactive({
                 allEntries: computed(_ => store.getters.bibliography),
-                entriesLoaded: 0,
-                chunkSize: 20,
+                entriesLoaded: Math.min(chunkSize, store.getters.bibliography.length),
                 orderColumn: 'author',
                 orderType: 'asc',
                 query: '',
@@ -697,9 +698,7 @@
                             return false;
                         });
                     }
-                    if(state.entriesLoaded === 0) {
-                        state.entriesLoaded = state.chunkSize;
-                    }
+                    
                     const size = Math.min(state.entriesLoaded, filteredEntries.length);
                     return _orderBy(filteredEntries, state.orderColumn, state.orderType).slice(0, size);
                 })