scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-09-11 23:54:43 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #8509 from aignatov-bio/ai-sci-11911-fix-results-infinite-scroll

Browse source 
Fix results infinite scroll [SCI-11911]
This commit is contained in:
Martin Artnik 2025-05-26 12:36:05 +02:00 • committed by GitHub
commit 181e92735a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
app/javascript/vue/results/results.vue
View file

@ -86,14 +86,14 @@ export default {
},
mounted() {
this.userSettingsUrl = document.querySelector('meta[name="user-settings-url"]').getAttribute('content');
window.addEventListener('scroll', this.loadResults, false);
window.addEventListener('scroll', this.infiniteScrollLoad, false);
window.addEventListener('scroll', this.initStackableHeaders, false);
this.nextPageUrl = this.url;
this.loadResults();
this.initStackableHeaders();
},
beforeUnmount() {
window.removeEventListener('scroll', this.loadResults, false);
window.removeEventListener('scroll', this.infiniteScrollLoad, false);
window.removeEventListener('scroll', this.initStackableHeaders, false);
},
methods: {
@ -110,19 +110,22 @@ export default {
this.loadResults();
});
},
infiniteScrollLoad() {
if (window.scrollY + window.innerHeight >= document.body.scrollHeight - 20) {
this.loadResults();
}
},
loadResults() {
if (this.nextPageUrl === null || this.loadingPage) return;
if (window.scrollY + window.innerHeight >= document.body.scrollHeight - 20) {
this.loadingPage = true;
const params = this.sort ? { ...this.filters, sort: this.sort } : { ...this.filters };
axios.get(this.nextPageUrl, { params }).then((response) => {
this.results = this.results.concat(response.data.data);
this.sort = response.data.meta.sort;
this.nextPageUrl = response.data.links.next;
this.loadingPage = false;
});
}
this.loadingPage = true;
const params = this.sort ? { ...this.filters, sort: this.sort } : { ...this.filters };
axios.get(this.nextPageUrl, { params }).then((response) => {
this.results = this.results.concat(response.data.data);
this.sort = response.data.meta.sort;
this.nextPageUrl = response.data.links.next;
this.loadingPage = false;
});
},
setSort(sort) {
this.sort = sort;