barisusakli
11 years ago
parent
ec399d8b3b
commit
d43d363a7a
@ -0,0 +1,123 @@
|
||||
|
||||
|
||||
'use strict';
|
||||
|
||||
/* globals define, app, translator, config, socket, ajaxify */
|
||||
|
||||
define(function() {
|
||||
|
||||
var Browsing = {};
|
||||
|
||||
Browsing.onUpdateUsersInRoom = function(data) {
|
||||
if(data && data.room.indexOf('topic') !== -1) {
|
||||
var activeEl = $('.thread_active_users');
|
||||
|
||||
// remove users that are no longer here
|
||||
activeEl.find('a').each(function(index, element) {
|
||||
if(element) {
|
||||
var uid = $(element).attr('data-uid');
|
||||
var absent = data.users.every(function(user) {
|
||||
return parseInt(user.uid, 10) !== parseInt(uid, 10);
|
||||
});
|
||||
|
||||
if (absent) {
|
||||
$(element).remove();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var i=0, icon;
|
||||
// add self
|
||||
for(i = 0; i<data.users.length; ++i) {
|
||||
if(parseInt(data.users[i].uid, 10) === parseInt(app.uid, 10)) {
|
||||
icon = createUserIcon(data.users[i].uid, data.users[i].picture, data.users[i].userslug, data.users[i].username);
|
||||
activeEl.prepend(icon);
|
||||
data.users.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
// add other users
|
||||
for(i=0; i<data.users.length; ++i) {
|
||||
icon = createUserIcon(data.users[i].uid, data.users[i].picture, data.users[i].userslug, data.users[i].username);
|
||||
activeEl.append(icon);
|
||||
if(activeEl.children().length > 8) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
activeEl.find('a[data-uid] img').tooltip({
|
||||
placement: 'top'
|
||||
});
|
||||
|
||||
var remainingUsers = data.users.length - 9;
|
||||
remainingUsers = remainingUsers < 0 ? 0 : remainingUsers;
|
||||
var anonymousCount = parseInt(data.anonymousCount, 10);
|
||||
activeEl.find('.anonymous-box').remove();
|
||||
if(anonymousCount || remainingUsers) {
|
||||
|
||||
var anonLink = $('<div class="anonymous-box inline-block"><i class="fa fa-user"></i></div>');
|
||||
activeEl.append(anonLink);
|
||||
|
||||
var title = '';
|
||||
if(remainingUsers && anonymousCount) {
|
||||
title = '[[topic:more_users_and_guests, ' + remainingUsers + ', ' + anonymousCount + ']]';
|
||||
} else if(remainingUsers) {
|
||||
title = '[[topic:more_users, ' + remainingUsers + ']]';
|
||||
} else {
|
||||
title = '[[topic:more_guests, ' + anonymousCount + ']]';
|
||||
}
|
||||
|
||||
translator.translate(title, function(translated) {
|
||||
$('.anonymous-box').tooltip({
|
||||
placement: 'top',
|
||||
title: translated
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
getReplyingUsers();
|
||||
}
|
||||
|
||||
app.populateOnlineUsers();
|
||||
};
|
||||
|
||||
Browsing.onUserOnline = function(err, data) {
|
||||
app.populateOnlineUsers();
|
||||
|
||||
updateBrowsingUsers(data);
|
||||
};
|
||||
|
||||
function updateBrowsingUsers(data) {
|
||||
var activeEl = $('.thread_active_users');
|
||||
var user = activeEl.find('a[data-uid="'+ data.uid + '"]');
|
||||
if (user.length && !data.online) {
|
||||
user.parent().remove();
|
||||
} else if(!user.length && data.online) {
|
||||
user = createUserIcon(data.uid, data.picture, data.userslug, data.username);
|
||||
activeEl.append(user);
|
||||
activeEl.find('a[data-uid] img').tooltip({
|
||||
placement: 'top'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function createUserIcon(uid, picture, userslug, username) {
|
||||
if(!$('.thread_active_users').find('[data-uid="' + uid + '"]').length) {
|
||||
return $('<div class="inline-block"><a data-uid="' + uid + '" href="' + config.relative_path + '/user/' + userslug + '"><img title="' + username + '" src="'+ picture +'"/></a></div>');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function getReplyingUsers() {
|
||||
var activeEl = $('.thread_active_users');
|
||||
socket.emit('modules.composer.getUsersByTid', ajaxify.variables.get('topic_id'), function(err, uids) {
|
||||
if (uids && uids.length) {
|
||||
for(var x=0;x<uids.length;x++) {
|
||||
activeEl.find('[data-uid="' + uids[x] + '"]').addClass('replying');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return Browsing;
|
||||
});
|
||||
@ -0,0 +1,152 @@
|
||||
|
||||
'use strict';
|
||||
|
||||
/* globals app, ajaxify, define, socket */
|
||||
|
||||
define(['forum/topic/browsing', 'forum/topic/postTools', 'forum/topic/threadTools'], function(browsing, postTools, threadTools) {
|
||||
|
||||
var Events = {};
|
||||
|
||||
var events = {
|
||||
'event:update_users_in_room': browsing.onUpdateUsersInRoom,
|
||||
'user.isOnline': browsing.onUserOnline,
|
||||
'event:voted': updatePostVotesAndUserReputation,
|
||||
'event:favourited': updateFavouriteCount,
|
||||
|
||||
'event:topic_deleted': toggleTopicDeleteState,
|
||||
'event:topic_restored': toggleTopicDeleteState,
|
||||
|
||||
'event:topic_locked': toggleTopicLockedState,
|
||||
'event:topic_unlocked': toggleTopicLockedState,
|
||||
|
||||
'event:topic_pinned': toggleTopicPinnedState,
|
||||
'event:topic_unpinned': toggleTopicPinnedState,
|
||||
|
||||
'event:topic_moved': onTopicMoved,
|
||||
|
||||
'event:post_edited': onPostEdited,
|
||||
|
||||
'event:post_deleted': togglePostDeleteState,
|
||||
'event:post_restored': togglePostDeleteState,
|
||||
|
||||
'posts.favourite': togglePostFavourite,
|
||||
'posts.unfavourite': togglePostFavourite,
|
||||
|
||||
'posts.upvote': togglePostVote,
|
||||
'posts.downvote': togglePostVote,
|
||||
'posts.unvote': togglePostVote,
|
||||
|
||||
'event:topic.toggleReply': toggleReply,
|
||||
};
|
||||
|
||||
Events.init = function() {
|
||||
for(var eventName in events) {
|
||||
if (events.hasOwnProperty(eventName)) {
|
||||
socket.on(eventName, events[eventName]);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Events.removeListeners = function() {
|
||||
for(var eventName in events) {
|
||||
if (events.hasOwnProperty(eventName)) {
|
||||
socket.removeListener(eventName, events[eventName]);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function updatePostVotesAndUserReputation(data) {
|
||||
var votes = $('li[data-pid="' + data.post.pid + '"] .votes'),
|
||||
reputationElements = $('.reputation[data-uid="' + data.post.uid + '"]');
|
||||
|
||||
votes.html(data.post.votes).attr('data-votes', data.post.votes);
|
||||
reputationElements.html(data.user.reputation).attr('data-reputation', data.user.reputation);
|
||||
}
|
||||
|
||||
function updateFavouriteCount(data) {
|
||||
$('li[data-pid="' + data.post.pid + '"] .favouriteCount').html(data.post.reputation).attr('data-favourites', data.post.reputation);
|
||||
}
|
||||
|
||||
function toggleTopicDeleteState(data) {
|
||||
threadTools.setLockedState(data);
|
||||
threadTools.setDeleteState(data);
|
||||
}
|
||||
|
||||
function toggleTopicLockedState(data) {
|
||||
threadTools.setLockedState(data);
|
||||
|
||||
app.alertSuccess(data.isLocked ? '[[topic:topic_lock_success]]' : '[[topic:topic_unlock_success]]');
|
||||
}
|
||||
|
||||
function toggleTopicPinnedState(data) {
|
||||
threadTools.setPinnedState(data);
|
||||
|
||||
app.alertSuccess(data.isPinned ? '[[topic:topic_pin_success]]' : '[[topic:topic_unpin_success]]');
|
||||
}
|
||||
|
||||
function onTopicMoved(data) {
|
||||
if (data && data.tid > 0) {
|
||||
ajaxify.go('topic/' + data.tid);
|
||||
}
|
||||
}
|
||||
|
||||
function onPostEdited(data) {
|
||||
var editedPostEl = $('#content_' + data.pid),
|
||||
editedPostTitle = $('#topic_title_' + data.pid);
|
||||
|
||||
if (editedPostTitle.length) {
|
||||
editedPostTitle.fadeOut(250, function() {
|
||||
editedPostTitle.html(data.title);
|
||||
editedPostTitle.fadeIn(250);
|
||||
});
|
||||
}
|
||||
|
||||
editedPostEl.fadeOut(250, function() {
|
||||
editedPostEl.html(data.content);
|
||||
editedPostEl.find('img').addClass('img-responsive');
|
||||
editedPostEl.fadeIn(250);
|
||||
});
|
||||
}
|
||||
|
||||
function togglePostDeleteState(data) {
|
||||
var postEl = $('#post-container li[data-pid="' + data.pid + '"]');
|
||||
|
||||
if (postEl.length) {
|
||||
postEl.toggleClass('deleted');
|
||||
|
||||
postTools.toggle(data.pid, postEl.hasClass('deleted'));
|
||||
|
||||
postTools.updatePostCount();
|
||||
}
|
||||
}
|
||||
|
||||
function togglePostFavourite(data) {
|
||||
|
||||
var favBtn = $('li[data-pid="' + data.post.pid + '"] .favourite');
|
||||
if (favBtn.length) {
|
||||
favBtn.addClass('btn-warning')
|
||||
.attr('data-favourited', data.isFavourited);
|
||||
|
||||
var icon = favBtn.find('i');
|
||||
var className = icon.attr('class');
|
||||
|
||||
if (data.isFavourited ? className.indexOf('-o') !== -1 : className.indexOf('-o') === -1) {
|
||||
icon.attr('class', data.isFavourited ? className.replace('-o', '') : className + '-o');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function togglePostVote(data) {
|
||||
var post = $('li[data-pid="' + data.post.pid + '"]');
|
||||
|
||||
post.find('.upvote').toggleClass('btn-primary upvoted', data.upvote);
|
||||
post.find('.downvote').toggleClass('btn-primary downvoted', data.downvote);
|
||||
}
|
||||
|
||||
function toggleReply(data) {
|
||||
$('.thread_active_users [data-uid="' + data.uid + '"]').toggleClass('replying', data.isReplying);
|
||||
}
|
||||
|
||||
return Events;
|
||||
|
||||
});
|
||||
Loading…
Reference in New Issue