artlef/bibliomane
1
0
Fork 0
Code Issues 14 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

Add pagination for booksearch

Browse Source
This commit is contained in:
Arthur Lefebvre
2025-11-11 00:32:00 +01:00
parent 87f6daef18
commit 6b2038aeec
10 changed files with 185 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
front/src/BooksBrowser.vue
View File

@@ -18,23 +18,20 @@ const offset = computed(() => (pageNumber.value - 1) * limit);
let currentFilterState = ref(FilterStates.READ);
let data;
let error;
let totalBooksData;
let errorFetchTotal;
let data = ref(null);
let error = ref(null);
let totalBooksData = ref(null);
let errorFetchTotal = ref(null);
let totalBooksNumber = computed(() => totalBooksData ? totalBooksData.value["count"] : 0);
let totalBooksNumber = computed(() => (typeof(totalBooksData) != 'undefined' &&
totalBooksData.value != null) ? totalBooksData.value["count"] : 0);
let pageTotal = computed(() => Math.ceil(totalBooksNumber.value / limit))
fetchData();
function fetchData() {
let res = getMyBooks(currentFilterState.value, limit, offset.value);
data = res.data;
error = res.error;
let resCount = getCountMyBooks(currentFilterState.value);
totalBooksData = resCount.data;
let res = getMyBooks(data, error, currentFilterState.value, limit, offset.value);
let resCount = getCountMyBooks(totalBooksData, errorFetchTotal, currentFilterState.value);
}
function onFilterButtonClick(newstate) {
@@ -48,7 +45,7 @@ function computeDynamicClass(state) {
function pageChange(newPageNumber) {
pageNumber.value = newPageNumber;
data.value = null
data.value = null;
fetchData();
}