TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Cleanup scroll listener.

Browse source
This commit is contained in:
FireMasterK 2021-09-12 00:43:33 +05:30
parent 02f0f94aee
commit 6d2a174a67
No known key found for this signature in database
GPG key ID: 49451E4482CC5BCD
1 changed files with 15 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/components/FeedPage.vue
View file

@ -57,14 +57,20 @@ export default {
mounted() {
this.fetchFeed().then(videos => {
this.videosStore = videos;
this.loadMoreVideos()
this.loadMoreVideos();
this.updateWatched(this.videos);
this.watchScroll()
});
},
activated() {
document.title = this.$t("titles.feed") + " - Piped";
if (this.videos.length > 0) this.updateWatched(this.videos);
window.addEventListener("scroll", this.handleScroll);
},
deactivated() {
window.removeEventListener("scroll", this.handleScroll);
},
unmounted() {
window.removeEventListener("scroll", this.handleScroll);
},
methods: {
async fetchFeed() {
@ -89,16 +95,13 @@ export default {
}
},
loadMoreVideos() {
this.currentVideoCount = this.currentVideoCount + this.videoStep
this.currentVideoCount = Math.min(this.currentVideoCount + this.videoStep, this.videosStore.length);
if (this.videos.length != this.videosStore.length)
this.videos = this.videosStore.slice(0, this.currentVideoCount);
},
watchScroll () {
window.onscroll = () => {
if (document.body.scrollHeight ==
document.documentElement.scrollTop +
window.innerHeight) {
this.loadMoreVideos()
}
handleScroll() {
if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {
this.loadMoreVideos();
}
},
},