define(['taskbar', 'string'], function(taskbar, S) { var module = {}; module.prepareDOM = function() { // Chats Dropdown var chatsToggleEl = $('#chat_dropdown'), chatsListEl = $('#chat-list'), chatDropdownEl = chatsToggleEl.parent(); chatsToggleEl.on('click', function() { if (chatDropdownEl.hasClass('open')) { return; } socket.emit('api:modules.chats.list', function(chats) { var chatsFrag = document.createDocumentFragment(), chatEl = document.createElement('li'), numChats = chats.length, x, userObj; if (numChats > 0) { for(x=0;x' + userObj.username + ''; chatsFrag.appendChild(chatEl.cloneNode(true)); } chatsListEl.empty(); chatsListEl.html(chatsFrag); } else { translator.get('modules:chat.no_active', function(str) { chatEl.innerHTML = '' + str + ''; chatsFrag.appendChild(chatEl.cloneNode(true)); chatsListEl.empty(); chatsListEl.html(chatsFrag); }); } }); }); socket.on('event:chats.receive', function(data) { require(['chat'], function(chat) { if (chat.modalExists(data.fromuid)) { var modal = chat.getModal(data.fromuid); chat.appendChatMessage(modal, data.message, data.timestamp); if (modal.is(":visible")) { chat.load(modal.attr('UUID')); } else { chat.toggleNew(modal.attr('UUID'), true); } if (!modal.is(":visible") || !app.isFocused) { app.alternatingTitle(data.username + ' has messaged you'); } } else { chat.createModal(data.username, data.fromuid, function(modal) { chat.toggleNew(modal.attr('UUID'), true); app.alternatingTitle(data.username + ' has messaged you'); }); } }); }); } module.bringModalToTop = function(chatModal) { var topZ = 0; $('.chat-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) { templates.preload_template('chat', function() { translator.translate(templates['chat'].parse({}), function (chatTpl) { var chatModal = $(chatTpl), uuid = utils.generateUUID(); chatModal.intervalId = 0; chatModal.touid = touid; chatModal.username = username; chatModal.attr('id', 'chat-modal-' + touid); chatModal.attr('UUID', uuid); chatModal.css("position", "fixed"); 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:' ' + username, state: '' }); callback(chatModal); }); }); } module.center = function(chatModal) { chatModal.css("left", Math.max(0, (($(window).width() - $(chatModal).outerWidth()) / 2) + $(window).scrollLeft()) + "px"); chatModal.css("top", "0px"); chatModal.css("zIndex", 2000); chatModal.find('#chat-message-input').focus(); return chatModal; } module.load = function(uuid) { var chatModal = $('div[UUID="'+uuid+'"]'); chatModal.removeClass('hide'); module.bringModalToTop(chatModal); checkOnlineStatus(chatModal); taskbar.updateActive(uuid); scrollToBottom(chatModal.find('#chat-content')); module.center(chatModal); } module.minimize = function(uuid) { var chatModal = $('div[UUID="'+uuid+'"]'); chatModal.addClass('hide'); taskbar.minimize('chat', uuid); clearInterval(chatModal.intervalId); chatModal.intervalId = 0; } function getChatMessages(chatModal, callback) { socket.emit('api:modules.chats.get', {touid:chatModal.touid}, function(messages) { for(var i = 0; i