Files
NodeBB/public/src/modules/chat.js

115 lines
2.9 KiB
JavaScript
Raw Normal View History

2013-06-18 11:26:57 -04:00
define(['taskbar'], function(taskbar) {
2013-08-26 13:18:20 -04:00
2013-06-18 11:26:57 -04:00
var module = {};
module.bringModalToTop = function(chatModal) {
var topZ = 0;
$('.modal').each(function() {
var thisZ = parseInt($(this).css('zIndex'), 10);
if (thisZ > topZ) {
2013-06-20 16:48:17 -04:00
topZ = thisZ;
2013-06-18 11:26:57 -04:00
}
});
2013-08-26 13:18:20 -04:00
chatModal.css('zIndex', topZ + 1);
2013-06-18 11:26:57 -04:00
}
2013-08-27 12:10:23 -04:00
module.createModalIfDoesntExist = function(username, touid, callback) {
2013-06-18 11:26:57 -04:00
var chatModal = $('#chat-modal-'+touid);
if(!chatModal.length) {
var chatModal = $('#chat-modal').clone();
chatModal.attr('id','chat-modal-'+touid);
2013-06-18 12:11:48 -04:00
var uuid = utils.generateUUID();
chatModal.attr('UUID', uuid);
2013-06-18 11:26:57 -04:00
chatModal.appendTo($('body'));
chatModal.draggable({
start:function(){
2013-06-18 12:11:48 -04:00
module.bringModalToTop(chatModal);
2013-06-18 11:26:57 -04:00
}
});
chatModal.find('#chat-with-name').html(username);
2013-08-27 12:10:23 -04:00
chatModal.find('.close').on('click', function(e) {
2013-06-18 11:26:57 -04:00
chatModal.hide();
2013-06-18 12:11:48 -04:00
taskbar.discard('chat', uuid);
2013-06-18 11:26:57 -04:00
});
2013-07-22 11:16:16 -04:00
chatModal.on('click', function(e) {
2013-06-18 11:26:57 -04:00
module.bringModalToTop(chatModal);
});
2013-08-26 13:18:20 -04:00
addSendHandler(chatModal, touid);
2013-08-27 12:10:23 -04:00
getChatMessages(chatModal, touid, callback);
taskbar.push('chat', chatModal.attr('UUID'), {title:'chat with '+username});
return chatModal;
2013-06-18 11:26:57 -04:00
}
2013-08-27 12:10:23 -04:00
if(callback)
callback(false, chatModal);
taskbar.push('chat', chatModal.attr('UUID'), {title:'chat with '+username});
2013-06-18 11:26:57 -04:00
return chatModal;
}
2013-06-18 12:11:48 -04:00
module.load = function(uuid) {
var chatModal = $('div[UUID="'+uuid+'"]');
chatModal.show();
module.bringModalToTop(chatModal);
}
module.minimize = function(uuid) {
var chatModal = $('div[UUID="'+uuid+'"]');
chatModal.hide();
taskbar.minimize('chat', uuid);
}
2013-08-27 12:10:23 -04:00
function getChatMessages(chatModal, touid, callback) {
2013-08-26 13:18:20 -04:00
socket.emit('getChatMessages', {touid:touid}, function(messages) {
for(var i = 0; i<messages.length; ++i) {
2013-08-27 12:10:23 -04:00
module.appendChatMessage(chatModal, messages[i].content, messages[i].timestamp);
2013-08-26 13:18:20 -04:00
}
2013-08-27 12:10:23 -04:00
if(callback)
callback(true, chatModal);
2013-08-26 13:18:20 -04:00
});
}
2013-06-18 11:26:57 -04:00
function addSendHandler(chatModal, touid) {
chatModal.find('#chat-message-input').off('keypress');
chatModal.find('#chat-message-input').on('keypress', function(e) {
if(e.which === 13) {
sendMessage(chatModal, touid);
}
});
chatModal.find('#chat-message-send-btn').off('click');
chatModal.find('#chat-message-send-btn').on('click', function(e){
sendMessage(chatModal, touid);
return false;
});
}
function sendMessage(chatModal, touid) {
var msg = app.strip_tags(chatModal.find('#chat-message-input').val());
if(msg.length) {
msg = msg +'\n';
socket.emit('sendChatMessage', { touid:touid, message:msg});
chatModal.find('#chat-message-input').val('');
}
}
2013-08-27 12:10:23 -04:00
module.appendChatMessage = function(chatModal, message, timestamp) {
2013-06-18 11:26:57 -04:00
var chatContent = chatModal.find('#chat-content');
2013-08-27 12:10:23 -04:00
var date = new Date(parseInt(timestamp, 10));
chatContent.append('[' + date.toLocaleTimeString() + '] ' + message);
2013-06-18 11:26:57 -04:00
chatContent.scrollTop(
2013-06-20 16:48:17 -04:00
chatContent[0].scrollHeight - chatContent.height()
2013-06-18 11:26:57 -04:00
);
}
return module;
});