define(['taskbar', 'string'], function(taskbar, S) { var module = {}; module.bringModalToTop = function(chatModal) { var topZ = 0; $('.modal').each(function() { var thisZ = parseInt($(this).css('zIndex'), 10); if (thisZ > topZ) { topZ = thisZ; } }); chatModal.css('zIndex', topZ + 1); } module.getModal = function(touid) { return $('#chat-modal-' + touid); } module.modalExists = function(touid) { return $('#chat-modal-' + touid).length !== 0; } function checkStatus(chatModal, callback) { socket.emit('api:user.isOnline', chatModal.touid, function(data) { if(data.online !== chatModal.online) { if(data.online) { module.appendChatMessage(chatModal, chatModal.username + ' is currently online.\n', data.timestamp); } else { module.appendChatMessage(chatModal, chatModal.username + ' is currently offline.\n', data.timestamp); } chatModal.online = data.online; } if(callback) callback(data.online); }); } function checkOnlineStatus(chatModal) { if(chatModal.intervalId === 0) { chatModal.intervalId = setInterval(function() { checkStatus(chatModal); }, 1000); } } module.createModal = function(username, touid, callback) { var chatModal = $('#chat-modal').clone(), uuid = utils.generateUUID(); chatModal.intervalId = 0; chatModal.touid = touid; chatModal.username = username; chatModal.attr('id', 'chat-modal-' + touid); chatModal.attr('UUID', uuid); chatModal.appendTo($('body')); chatModal.draggable({ start:function() { module.bringModalToTop(chatModal); } }); chatModal.find('#chat-with-name').html(username); chatModal.find('.close').on('click', function(e) { clearInterval(chatModal.intervalId); chatModal.intervalId = 0; chatModal.remove(); chatModal.data('modal', null); taskbar.discard('chat', uuid); }); chatModal.on('click', function(e) { module.bringModalToTop(chatModal); }); addSendHandler(chatModal); getChatMessages(chatModal, function() { checkOnlineStatus(chatModal); }); taskbar.push('chat', chatModal.attr('UUID'), { title:'<i class="fa fa-comment"></i> ' + username, state: '' }); return chatModal; } module.center = function(chatModal) { chatModal.css("position", "fixed"); chatModal.css("left", Math.max(0, (($(window).width() - $(chatModal).outerWidth()) / 2) + $(window).scrollLeft()) + "px"); return chatModal; } module.load = function(uuid) { var chatModal = $('div[UUID="'+uuid+'"]'); chatModal.show(); module.bringModalToTop(chatModal); checkOnlineStatus(chatModal); taskbar.updateActive(uuid); scrollToBottom(chatModal.find('#chat-content')); chatModal.find('#chat-message-input').focus(); } module.minimize = function(uuid) { var chatModal = $('div[UUID="'+uuid+'"]'); chatModal.hide(); taskbar.minimize('chat', uuid); clearInterval(chatModal.intervalId); chatModal.intervalId = 0; } function getChatMessages(chatModal, callback) { socket.emit('api:chats.get', {touid:chatModal.touid}, function(messages) { for(var i = 0; i<messages.length; ++i) { module.appendChatMessage(chatModal, messages[i].content, messages[i].timestamp); } callback(); }); } function addSendHandler(chatModal) { chatModal.find('#chat-message-input').off('keypress'); chatModal.find('#chat-message-input').on('keypress', function(e) { if(e.which === 13) { sendMessage(chatModal); } }); chatModal.find('#chat-message-send-btn').off('click'); chatModal.find('#chat-message-send-btn').on('click', function(e){ sendMessage(chatModal); return false; }); } function sendMessage(chatModal) { var msg = S(chatModal.find('#chat-message-input').val()).stripTags().s; if(msg.length) { msg = msg +'\n'; socket.emit('api:chats.send', { touid:chatModal.touid, message:msg}); chatModal.find('#chat-message-input').val(''); } } module.appendChatMessage = function(chatModal, message, timestamp) { var chatContent = chatModal.find('#chat-content'); var date = new Date(parseInt(timestamp, 10)); chatContent.append('[' + date.toLocaleTimeString() + '] ' + message); scrollToBottom(chatContent); }; function scrollToBottom(chatContent) { chatContent.scrollTop( chatContent[0].scrollHeight - chatContent.height() ); } module.toggleNew = function(uuid, state) { taskbar.toggleNew(uuid, state); }; return module; });