pixelfed/resources/assets/js/timeline.js

69 lines
2.1 KiB
JavaScript
Raw Normal View History

2018-05-20 03:12:42 +00:00
$(document).ready(function() {
$('.pagination').hide();
$('.container.timeline-container').removeClass('d-none');
2018-05-20 03:12:42 +00:00
let elem = document.querySelector('.timeline-feed');
2018-11-04 04:15:15 +00:00
let type = elem.getAttribute('data-timeline');
$('.timeline-sidenav .nav-link[data-type="'+type+'"]').addClass('active');
2018-11-13 19:45:50 +00:00
pixelfed.readmore();
pixelfed.fetchLikes();
2018-09-27 04:08:06 +00:00
$('video').on('play', function() {
activated = this;
$('video').each(function() {
if(this != activated) this.pause();
});
});
2018-05-20 03:12:42 +00:00
let infScroll = new InfiniteScroll( elem, {
path: '.pagination__next',
append: '.timeline-feed',
2018-06-05 06:38:48 +00:00
status: '.page-load-status',
2018-05-20 03:12:42 +00:00
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');
}
});
2018-09-27 04:08:06 +00:00
$('video').on('play', function() {
activated = this;
$('video').each(function() {
if(this != activated) this.pause();
});
});
});
});
$(document).on("DOMContentLoaded", function() {
var active = false;
var lazyLoad = function() {
2018-11-13 19:45:50 +00:00
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);
2018-06-05 06:38:48 +00:00
});