150 lines
3.6 KiB
JavaScript
150 lines
3.6 KiB
JavaScript
define(['module', 'jquery', 'plugins/it.to.work/scrollingElement'], function(myself, $, scrollingElement) {
|
|
|
|
return new function() {
|
|
|
|
var lastReadPost;
|
|
var unreadCount = 0;
|
|
var liWidth;
|
|
|
|
$(document).ready(function() {
|
|
//include css file
|
|
$('<link/>', {
|
|
rel: 'stylesheet',
|
|
type: 'text/css',
|
|
href: myself.uri.replace(/.js$/, '.css')
|
|
}).appendTo('head');
|
|
|
|
if (bungloo.timeline) {
|
|
|
|
setTimeout(function() {
|
|
addUnreadBadge();
|
|
|
|
bungloo.timeline.body.addEventListener( 'DOMNodeInserted', lockScroll, false );
|
|
|
|
setInterval(function() {
|
|
updateUnread();
|
|
}, 1000);
|
|
|
|
}, 15000);
|
|
|
|
}
|
|
});
|
|
|
|
function addUnreadBadge() {
|
|
var div = document.createElement('div');
|
|
div.id = 'unread-badge';
|
|
div.innerHTML = '1';
|
|
div.onclick = function() {
|
|
var firstUnreadTop = lastReadPost.previousElementSibling.offsetTop;
|
|
var newPosition = firstUnreadTop;
|
|
|
|
//scrollingElement.animate({ scrollTop: newPosition });
|
|
scrollingElement.scrollTop(newPosition);
|
|
|
|
updateUnread();
|
|
};
|
|
div.style.display = 'none';
|
|
|
|
$('.sidebar-timeline > a').after(div);
|
|
};
|
|
|
|
function updateUnread() {
|
|
var currentTopPost = document.elementFromPoint(70, 1);
|
|
// stops if you are not in the timeline
|
|
if ($(currentTopPost).closest('.timeline > ol').length <= 0)
|
|
return;
|
|
|
|
var ctpop = $(currentTopPost).offset().top;
|
|
var dst = scrollingElement.scrollTop();
|
|
if (ctpop < dst)
|
|
currentTopPost = $(currentTopPost).next();
|
|
|
|
if (typeof lastReadPost === 'undefined' || lastReadPost.offsetHeight == 0)
|
|
lastReadPost = $('.timeline > ol > li:first')[0];
|
|
|
|
// var start = new Date().getTime();
|
|
// var postsList = $('ol.timeline > li');
|
|
var postsList = $('.timeline > ol > li').filter(':visible');
|
|
var lastReadPostIndex = postsList.index(lastReadPost);
|
|
var currentTopPostIndex = postsList.index(currentTopPost);
|
|
// var end = new Date().getTime();
|
|
// var time = end - start;
|
|
|
|
unreadCount = Math.min(lastReadPostIndex, currentTopPostIndex);
|
|
updateUnreadBadge(unreadCount);
|
|
|
|
$('.timeline > ol > li.last-read-post').removeClass('last-read-post');
|
|
if (currentTopPostIndex < lastReadPostIndex)
|
|
lastReadPost = currentTopPost;
|
|
$(lastReadPost).addClass('last-read-post');
|
|
|
|
liWidth = $(currentTopPost).width();
|
|
};
|
|
|
|
function updateUnreadBadge(newCount) {
|
|
var badge = $('#unread-badge');
|
|
|
|
if (typeof newCount === 'undefined') {
|
|
oldCount = parseInt(badge[0].innerText);
|
|
newCount = ++oldCount;
|
|
}
|
|
|
|
badge[0].innerHTML = newCount;
|
|
|
|
if (newCount <= 0) {
|
|
badge.hide();
|
|
} else
|
|
badge.show();
|
|
};
|
|
|
|
$.fn.isBefore= function(sel){
|
|
return this.nextAll(sel).length !== 0;
|
|
}
|
|
|
|
function lockScroll(e) {
|
|
var elem = e.target;
|
|
if (elem.nodeName != 'LI')
|
|
return;
|
|
var parent = elem.parentNode;
|
|
if (parent != bungloo.timeline.body) return;
|
|
|
|
var rescroll = function(element) {
|
|
// try to grab the height of the elem
|
|
var elementHeight = element.offsetHeight;
|
|
if (elementHeight <= 0) {
|
|
// if height is zero, then we're dealing with a hidden element
|
|
//var copied_elem = $(element).clone().css({
|
|
var copied_elem = $(element).clone().attr('id', false).css({
|
|
// visibility:'hidden',
|
|
display:'block',
|
|
width: liWidth,
|
|
position:'absolute'
|
|
});
|
|
|
|
var ol = $(document.createElement('ol'));
|
|
ol.addClass('timeline');
|
|
ol.append(copied_elem);
|
|
$('#content').append(ol);
|
|
|
|
elementHeight = copied_elem.outerHeight();
|
|
ol.remove();
|
|
|
|
bungloo.timeline.saveScrollTop += elementHeight;
|
|
} else {
|
|
var oldPosition = scrollingElement.scrollTop();
|
|
var newPosition = oldPosition + elementHeight;
|
|
scrollingElement.scrollTop(newPosition);
|
|
}
|
|
|
|
updateUnreadBadge();
|
|
};
|
|
|
|
if ( $(elem).isBefore(lastReadPost) ) //is a new posts
|
|
rescroll(elem);
|
|
};
|
|
|
|
|
|
|
|
};
|
|
|
|
});
|