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.
72 lines
1.9 KiB
JavaScript
72 lines
1.9 KiB
JavaScript
'use strict';
|
|
|
|
|
|
define('forum/categories', ['components', 'categorySelector', 'hooks'], function (components, categorySelector, hooks) {
|
|
const categories = {};
|
|
|
|
$(window).on('action:ajaxify.start', function (ev, data) {
|
|
if (ajaxify.currentPage !== data.url) {
|
|
socket.removeListener('event:new_post', categories.onNewPost);
|
|
}
|
|
});
|
|
|
|
categories.init = function () {
|
|
app.enterRoom('categories');
|
|
|
|
socket.removeListener('event:new_post', categories.onNewPost);
|
|
socket.on('event:new_post', categories.onNewPost);
|
|
categorySelector.init($('[component="category-selector"]'), {
|
|
privilege: 'find',
|
|
onSelect: function (category) {
|
|
ajaxify.go('/category/' + category.cid);
|
|
},
|
|
});
|
|
|
|
$('.category-header').tooltip({
|
|
placement: 'bottom',
|
|
});
|
|
};
|
|
|
|
categories.onNewPost = function (data) {
|
|
if (data && data.posts && data.posts.length && data.posts[0].topic) {
|
|
renderNewPost(data.posts[0].topic.cid, data.posts[0]);
|
|
}
|
|
};
|
|
|
|
function renderNewPost(cid, post) {
|
|
const category = components.get('categories/category', 'cid', cid);
|
|
const numRecentReplies = category.attr('data-numRecentReplies');
|
|
if (!numRecentReplies || !parseInt(numRecentReplies, 10)) {
|
|
return;
|
|
}
|
|
if (!category.find('[component="topic/teaser"]').length) {
|
|
return;
|
|
}
|
|
|
|
const recentPosts = category.find('[component="category/posts"]');
|
|
|
|
app.parseAndTranslate('partials/categories/lastpost', 'posts', { posts: [post] }, function (html) {
|
|
html.find('.post-content img:not(.not-responsive)').addClass('img-responsive');
|
|
html.hide();
|
|
if (recentPosts.length === 0) {
|
|
html.appendTo(category);
|
|
} else {
|
|
html.insertBefore(recentPosts.first());
|
|
}
|
|
|
|
html.fadeIn();
|
|
|
|
app.createUserTooltips(html);
|
|
html.find('.timeago').timeago();
|
|
|
|
if (category.find('[component="category/posts"]').length > parseInt(numRecentReplies, 10)) {
|
|
recentPosts.last().remove();
|
|
}
|
|
|
|
hooks.fire('action:posts.loaded', { posts: [post] });
|
|
});
|
|
}
|
|
|
|
return categories;
|
|
});
|