You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.1 KiB
JavaScript
96 lines
2.1 KiB
JavaScript
(function() {
|
|
var loadingMoreTopics = false;
|
|
|
|
app.enter_room('recent_posts');
|
|
|
|
ajaxify.register_events([
|
|
'event:new_topic',
|
|
'event:new_post'
|
|
]);
|
|
|
|
var newTopicCount = 0, newPostCount = 0;
|
|
|
|
$('#new-topics-alert').on('click', function() {
|
|
$(this).hide();
|
|
});
|
|
|
|
socket.on('event:new_topic', function(data) {
|
|
|
|
++newTopicCount;
|
|
updateAlertText();
|
|
|
|
});
|
|
|
|
function updateAlertText() {
|
|
var text = '';
|
|
|
|
if(newTopicCount > 1)
|
|
text = 'There are ' + newTopicCount + ' new topics';
|
|
else if(newTopicCount === 1)
|
|
text = 'There is 1 new topic';
|
|
else
|
|
text = 'There are no new topics';
|
|
|
|
if(newPostCount > 1)
|
|
text += ' and ' + newPostCount + ' new posts.';
|
|
else if(newPostCount === 1)
|
|
text += ' and 1 new post.';
|
|
else
|
|
text += ' and no new posts.';
|
|
|
|
text += ' Click here to reload.';
|
|
|
|
$('#new-topics-alert').html(text).fadeIn('slow');
|
|
}
|
|
|
|
socket.on('event:new_post', function(data) {
|
|
++newPostCount;
|
|
updateAlertText();
|
|
});
|
|
|
|
$('#mark-allread-btn').on('click', function() {
|
|
var btn = $(this);
|
|
socket.emit('api:topics.markAllRead', {} , function(success) {
|
|
if(success) {
|
|
btn.remove();
|
|
$('#topics-container').empty();
|
|
$('#category-no-topics').removeClass('hidden');
|
|
app.alertSuccess('All topics marked as read!');
|
|
} else {
|
|
app.alertError('There was an error marking topics read!');
|
|
}
|
|
});
|
|
});
|
|
|
|
function onTopicsLoaded(topics) {
|
|
|
|
var html = templates.prepare(templates['recent'].blocks['topics']).parse({ topics: topics }),
|
|
container = $('#topics-container');
|
|
|
|
$('#category-no-topics').remove();
|
|
|
|
container.append(html);
|
|
}
|
|
|
|
function loadMoreTopics() {
|
|
loadingMoreTopics = true;
|
|
socket.emit('api:topics.loadMoreRecentTopics', {after:$('#topics-container').children().length}, function(data) {
|
|
if(data.topics && data.topics.length) {
|
|
onTopicsLoaded(data.topics);
|
|
console.log(data.topics);
|
|
}
|
|
loadingMoreTopics = false;
|
|
});
|
|
}
|
|
|
|
$(window).off('scroll').on('scroll', function() {
|
|
var windowHeight = document.body.offsetHeight - $(window).height(),
|
|
half = windowHeight / 2;
|
|
|
|
if (document.body.scrollTop > half && !loadingMoreTopics) {
|
|
loadMoreTopics();
|
|
}
|
|
});
|
|
|
|
|
|
})(); |