mirror of
https://github.com/YunoHost-Apps/pixelfed_ynh.git
synced 2024-09-03 20:06:04 +02:00
Update timeline.js
This commit is contained in:
parent
efc5db1f52
commit
04c9b666bc
1 changed files with 4 additions and 68 deletions
72
resources/assets/js/timeline.js
vendored
72
resources/assets/js/timeline.js
vendored
|
@ -1,68 +1,4 @@
|
||||||
$(document).ready(function() {
|
Vue.component(
|
||||||
$('.pagination').hide();
|
'timeline',
|
||||||
$('.container.timeline-container').removeClass('d-none');
|
require('./components/Timeline.vue').default
|
||||||
let elem = document.querySelector('.timeline-feed');
|
);
|
||||||
let type = elem.getAttribute('data-timeline');
|
|
||||||
$('.timeline-sidenav .nav-link[data-type="'+type+'"]').addClass('active');
|
|
||||||
pixelfed.readmore();
|
|
||||||
pixelfed.fetchLikes();
|
|
||||||
$('video').on('play', function() {
|
|
||||||
activated = this;
|
|
||||||
$('video').each(function() {
|
|
||||||
if(this != activated) this.pause();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
let infScroll = new InfiniteScroll( elem, {
|
|
||||||
path: '.pagination__next',
|
|
||||||
append: '.timeline-feed',
|
|
||||||
status: '.page-load-status',
|
|
||||||
history: false,
|
|
||||||
});
|
|
||||||
|
|
||||||
infScroll.on( 'append', function( response, path, items ) {
|
|
||||||
pixelfed.hydrateLikes();
|
|
||||||
$('.status-card > .card-footer').each(function() {
|
|
||||||
var el = $(this);
|
|
||||||
if(!el.hasClass('d-none') && !el.find('input[name="comment"]').val()) {
|
|
||||||
$(this).addClass('d-none');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
$('video').on('play', function() {
|
|
||||||
activated = this;
|
|
||||||
$('video').each(function() {
|
|
||||||
if(this != activated) this.pause();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).on("DOMContentLoaded", function() {
|
|
||||||
|
|
||||||
var active = false;
|
|
||||||
var lazyLoad = function() {
|
|
||||||
pixelfed.readmore();
|
|
||||||
if (active === false) {
|
|
||||||
active = true;
|
|
||||||
|
|
||||||
var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
|
|
||||||
lazyImages.forEach(function(lazyImage) {
|
|
||||||
if ((lazyImage.getBoundingClientRect().top <= window.innerHeight && lazyImage.getBoundingClientRect().bottom >= 0) && getComputedStyle(lazyImage).display !== "none") {
|
|
||||||
lazyImage.src = lazyImage.dataset.src;
|
|
||||||
lazyImage.srcset = lazyImage.dataset.srcset;
|
|
||||||
lazyImage.classList.remove("lazy");
|
|
||||||
|
|
||||||
lazyImages = lazyImages.filter(function(image) {
|
|
||||||
return image !== lazyImage;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
active = false;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
document.addEventListener("scroll", lazyLoad);
|
|
||||||
window.addEventListener("resize", lazyLoad);
|
|
||||||
window.addEventListener("orientationchange", lazyLoad);
|
|
||||||
});
|
|
Loading…
Add table
Reference in a new issue