nodebb/public/src/forum/category.js

define(function () {
	var Category = {},
		loadingMoreTopics = false;

	Category.init = function() {
		var	cid = templates.get('category_id'),
			twitterEl = jQuery('#twitter-intent'),
			facebookEl = jQuery('#facebook-share'),
			googleEl = jQuery('#google-share'),
			twitter_url = templates.get('twitter-intent-url'),
			facebook_url = templates.get('facebook-share-url'),
			google_url = templates.get('google-share-url');

		app.enterRoom('category_' + cid);

		twitterEl.on('click', function () {
			window.open(twitter_url, '_blank', 'width=550,height=420,scrollbars=no,status=no');
			return false;
		});
		facebookEl.on('click', function () {
			window.open(facebook_url, '_blank', 'width=626,height=436,scrollbars=no,status=no');
			return false;
		});
		googleEl.on('click', function () {
			window.open(google_url, '_blank', 'width=500,height=570,scrollbars=no,status=no');
			return false;
		});

		$('#new_post').on('click', function () {
			require(['composer'], function (cmp) {
				cmp.push(0, cid);
			});
		});

		ajaxify.register_events([
			'event:new_topic'
		]);

		socket.on('event:new_topic', Category.onNewTopic);

		socket.emit('api:categories.getRecentReplies', cid);
		socket.on('api:categories.getRecentReplies', function (posts) {
			if (!posts || posts.length === 0) {
				return;
			}

			var recent_replies = document.getElementById('category_recent_replies');

			recent_replies.innerHTML = '';

			var frag = document.createDocumentFragment(),
				li = document.createElement('li');
			for (var i = 0, numPosts = posts.length; i < numPosts; i++) {

				li.setAttribute('data-pid', posts[i].pid);


				li.innerHTML = '<a href="/user/' + posts[i].userslug + '"><img title="' + posts[i].username + '" style="width: 48px; height: 48px; /*temporary*/" class="img-rounded user-img" src="' + posts[i].picture + '" class="" /></a>' +
					'<a href="/topic/' + posts[i].topicSlug + '#' + posts[i].pid + '">' +
					'<strong><span>'+ posts[i].username + '</span></strong>' +
					'<p>' +
					posts[i].content +
					'</p>' +
					'</a>' +
					'<span class="timeago pull-right" title="' + posts[i].relativeTime + '"></span>';

				frag.appendChild(li.cloneNode(true));
				recent_replies.appendChild(frag);
			}
			$('#category_recent_replies span.timeago').timeago();
			app.createUserTooltips();
		});

		$(window).off('scroll').on('scroll', function (ev) {
			var bottom = ($(document).height() - $(window).height()) * 0.9;

			if ($(window).scrollTop() > bottom && !loadingMoreTopics) {
				Category.loadMoreTopics(cid);
			}
		});
	};

	Category.onNewTopic = function(data) {
		var html = templates.prepare(templates['category'].blocks['topics']).parse({
			topics: [data]
		}),
			topic = $(html),
			container = $('#topics-container'),
			topics = $('#topics-container').children('.category-item'),
			numTopics = topics.length;

		jQuery('#topics-container, .category-sidebar').removeClass('hidden');
		jQuery('#category-no-topics').remove();

		if (numTopics > 0) {
			for (var x = 0; x < numTopics; x++) {
				if ($(topics[x]).find('.fa-thumb-tack').length) {
					if(x === numTopics - 1) {
						topic.insertAfter(topics[x]);
					}
					continue;
				}
				topic.insertBefore(topics[x]);
				break;
			}
		} else {
			container.append(topic);
		}

		topic.hide().fadeIn('slow');
		socket.emit('api:categories.getRecentReplies', templates.get('category_id'));

		addActiveUser(data);

		$('#topics-container span.timeago').timeago();
	}

	function addActiveUser(data) {
		var activeUser = $('.category-sidebar .active-users').find('a[data-uid="' + data.uid + '"]');
		if(!activeUser.length) {
			var newUser = templates.prepare(templates['category'].blocks['active_users']).parse({
				active_users: [{
					uid: data.uid,
					username: data.username,
					userslug: data.userslug,
					picture: data.teaser_userpicture
				}]
			});
			$(newUser).appendTo($('.category-sidebar .active-users'));
		}
	}

	Category.onTopicsLoaded = function(topics) {

		var html = templates.prepare(templates['category'].blocks['topics']).parse({
			topics: topics
		}),
			container = $('#topics-container');

		jQuery('#topics-container, .category-sidebar').removeClass('hidden');
		jQuery('#category-no-topics').remove();

		container.append(html);

		$('#topics-container span.timeago').timeago();
	}


	Category.loadMoreTopics = function(cid) {
		if (loadingMoreTopics) {
			return;
		}
		
		loadingMoreTopics = true;
		socket.emit('api:category.loadMore', {
			cid: cid,
			after: $('#topics-container').children('.category-item').length
		}, function (data) {
			if (data.topics.length) {
				Category.onTopicsLoaded(data.topics);
			}
			loadingMoreTopics = false;
		});
	}

	return Category;
});