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

Infinite scrolling for channel pages.

Browse source
This commit is contained in:
FireMasterK 2020-11-25 10:48:14 +05:30
parent ee33baad75
commit 0c1518bce1
1 changed files with 29 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/components/Channel.vue
View file

@ -51,6 +51,10 @@ export default {
},
mounted() {
this.getChannelData();
window.addEventListener("scroll", this.handleScroll);
},
unmounted() {
window.removeEventListener("scroll", this.handleScroll);
},
methods: {
async fetchChannel() {
@ -69,6 +73,31 @@ export default {
},
timeFormat(d) {
return require("@/utils/TimeUtils.js").default.timeFormat(d);
},
handleScroll() {
if (this.loading || !this.channel || !this.channel.nextpage) return;
if (
window.innerHeight + window.scrollY >=
document.body.offsetHeight - window.innerHeight / 2
) {
this.loading = true;
fetch(
Constants.BASE_URL +
"/nextpage/channels/" +
this.$route.params.channelId +
"?url=" +
encodeURIComponent(this.channel.nextpage)
)
.then(body => body.json())
.then(json => {
this.channel.relatedStreams.concat(json.relatedStreams);
this.channel.nextpage = json.nextpage;
this.loading = false;
json.relatedStreams.map(stream =>
this.channel.relatedStreams.push(stream)
);
});
}
}
}
};