first commit

it.to.work/unread-posts.js

@@ -0,0 +1,150 @@
+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);
+};
+
+
+
+	};
+
+});