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

Responsive widths + Continuations.

Browse source
This commit is contained in:
FireMasterK 2021-05-26 13:40:22 +05:30
parent 53cf9b30fe
commit 8536b4a9f3
No known key found for this signature in database
GPG key ID: 8DFF5DD33E93DB58
1 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/components/WatchVideo.vue
View file

@ -36,7 +36,7 @@
<hr />
<div uk-grid>
<div class="uk-width-4-5" v-if="comments">
<div class="uk-width-4-5@xl uk-width-3-4@l uk-width-2-3" v-if="comments">
<div
class="uk-tile-default uk-align-left uk-width-expand"
style="background: #0b0e0f"
@ -61,7 +61,7 @@
</div>
</div>
<div class="uk-width-1-5" v-if="video">
<div class="uk-width-1-5@xl uk-width-1-4@l uk-width-1-3" v-if="video">
<div
class="uk-tile-default uk-width-auto"
style="background: #0b0e0f"
@ -107,6 +107,10 @@ export default {
this.getVideoData();
this.getSponsors();
this.getComments();
window.addEventListener("scroll", this.handleScroll);
},
unmounted() {
window.removeEventListener("scroll", this.handleScroll);
},
watch: {
"$route.query.v": function(v) {
@ -161,6 +165,23 @@ export default {
async getComments() {
this.fetchComments().then(data => (this.comments = data));
},
handleScroll() {
if (this.loading || !this.comments || !this.comments.nextpage) return;
if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {
this.loading = true;
this.fetchJson(
Constants.BASE_URL +
"/nextpage/comments/" +
this.$route.query.v +
"?url=" +
encodeURIComponent(this.comments.nextpage),
).then(json => {
this.comments.nextpage = json.nextpage;
this.loading = false;
json.comments.map(comment => this.comments.comments.push(comment));
});
}
},
},
components: {
Player,