/* Copyright (c) 2009 Anant Garg (anantgarg.com | inscripts.com) This script may be used for non-commercial purposes only. For any commercial purposes, please contact the author at anant.garg@inscripts.com Changes and Chamilo Integration: Julio Montoya THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ var windowFocus = true; var username; var currentUserId; var chatHeartbeatCount = 0; var minChatHeartbeat = 4000; var maxChatHeartbeat = 33000; var chatHeartbeatTime = minChatHeartbeat; var originalTitle; var blinkOrder = 0; var chatboxFocus = new Array(); var newMessages = new Array(); var newMessagesWin = new Array(); var chatBoxes = new Array(); var intervals = new Array(); var timer; var user_status = 0; var widthBox = 320; // see css class .chatbox //var ajax_url = 'chat.php'; // This variable is loaded in the template/layout/head.tpl file var doubleCheck = ''; function set_user_status(status) { if (status == 1) { stopChatHeartBeat(); startChatHeartBeat(); $('.user_status_main').html(online_button); $('#chatboxtitlemain').html(connect_lang); } else { stopChatHeartBeat(); $('.user_status_main').html(offline_button); $('#chatboxtitlemain').html(disconnect_lang); } $.ajax({ url: ajax_url+"?action=set_status", data: "status="+status, cache: false, success: function(data) { } }); user_status = status; } $(function() { originalTitle = document.title; startChatSession(); $([window, document]).blur(function() { windowFocus = false; }).focus(function(){ windowFocus = true; document.title = originalTitle; }); /* "On" conditions, divs are created dynamically */ // User name header toggle $('body').on('click', '#chatboxtitlemain', function() { createMyContactsWindow(); set_user_status(1); }); // User name header toogle $('body').on('click', '.chatboxtitle', function(){ chatbox = $(this).parents(".chatbox"); var chat_id = chatbox.attr('id'); chat_id = chat_id.split('_')[1]; toggleChatBoxGrowth(chat_id); }); // Minimize button $('body').on('click', '.chatboxhead .togglelink', function(){ var chat_id = $(this).attr('rel'); toggleChatBoxGrowth(chat_id); }); // Close button $('body').on('click', '.chatboxhead .closelink', function(){ var chat_id = $(this).attr('rel'); closeWindow(chat_id); }); // Close main chat $('body').on('click', '.chatboxhead .close_chat', function(){ closeChat(); }); }); function showChatConnect() { if (user_status == 1) { button = online_button; label = connect_lang; } else { button = offline_button; label = disconnect_lang; } $("
").attr("id","chatmain") .addClass("chatboxmain") .html('
'+button+'
'+label+'
') .appendTo($( "body" )); } /** * Start chat session */ function startChatSession() { /* fix bug BT#5728 whereby users cannot move to the next question in IE9 */ if (typeof ajax_url != 'undefined') { $.ajax({ url: ajax_url+"?action=startchatsession", cache: false, dataType: "json", success: function(data) { if (data) { username = data.me; currentUserId = data.user_id; user_status = data.user_status; showChatConnect(); if (user_status == 1) { startChatHeartBeat(); } else { stopChatHeartBeat(); } $.each(data.items, function(my_user_id, user_items) { if (currentUserId == my_user_id) { // show contact list createMyContactsWindow(); return true; } my_items = user_items['items']; window_user_info = user_items['window_user_info']; $.each(my_items, function(i, item) { if (item) { // fix strange ie bug if ($("#chatbox_"+my_user_id).length <= 0) { createChatBox( my_user_id, window_user_info.complete_name, 1, window_user_info.online, window_user_info.avatar_small ); } createChatBubble(my_user_id, item); } }); }); for (i = 0; i < chatBoxes.length; i++) { my_user_id = chatBoxes[i]; $("#chatbox_"+my_user_id+" .chatboxcontent").scrollTop( $("#chatbox_"+my_user_id+" .chatboxcontent")[0].scrollHeight ); } } } }); } } function stopChatHeartBeat() { clearInterval(timer); timer = null; } function startChatHeartBeat() { timer = setInterval(chatHeartbeat, chatHeartbeatTime); } /* * Shows the user messages in all windows * * Item array structure : * * item.s = type of message: 1 = message, 2 = "sent at" string * item.f = from_user * **/ function chatHeartbeat() { var itemsfound = 0; if (windowFocus == false) { var blinkNumber = 0; var titleChanged = 0; for (x in newMessagesWin) { if (newMessagesWin[x].status == true) { ++blinkNumber; if (blinkNumber >= blinkOrder) { //document.title = newMessagesWin[x].username+' says...'; //titleChanged = 1; break; } } } if (titleChanged == 0) { document.title = originalTitle; blinkOrder = 0; } else { ++blinkOrder; } } else { for (x in newMessagesWin) { newMessagesWin[x].status = false; } } for (x in newMessages) { if (newMessages[x] == true) { if (chatboxFocus[x] == false) { //FIXME: add toggle all or none policy, otherwise it looks funny $('#chatbox_'+x+' .chatboxhead').toggleClass('chatboxblink'); } } } $.ajax({ url: ajax_url+"?action=chatheartbeat", cache: false, dataType: "json", success: function(data) { $.each(data.items, function(my_user_id, user_items) { // Each window my_items = user_items['items']; userInfo = user_items['window_user_info']; update_online_user( my_user_id, userInfo.user_is_online ); $.each(my_items, function(i, item) { if (item) { // fix strange ie bug if ($("#chatbox_"+my_user_id).length <= 0) { createChatBox( my_user_id, userInfo.complete_name, 0, userInfo.online, userInfo.avatar_small ); } if ($("#chatbox_"+my_user_id).css('display') == 'none') { $("#chatbox_"+my_user_id).css('display','block'); restructureChatBoxes(); } newMessages[my_user_id] = {'status':true, 'username':item.username}; newMessagesWin[my_user_id]= {'status':true, 'username':item.username}; var chatBubble = createChatBubble(my_user_id, item); $("#chatbox_"+my_user_id+" .chatboxcontent").scrollTop( $("#chatbox_"+my_user_id+" .chatboxcontent")[0].scrollHeight ); if ($('#chatbox_'+my_user_id+' .chatboxcontent').css('display') == 'none') { $('#chatbox_'+my_user_id+' .chatboxhead').toggleClass('chatboxblink'); } itemsfound += 1; } }); }); chatHeartbeatCount++; if (itemsfound > 0) { chatHeartbeatTime = minChatHeartbeat; chatHeartbeatCount = 1; } else if (chatHeartbeatCount >= 10) { chatHeartbeatTime *= 2; chatHeartbeatCount = 1; if (chatHeartbeatTime > maxChatHeartbeat) { chatHeartbeatTime = maxChatHeartbeat; } } } }); //ajax } /** * Draws a message bubble * @param my_user_id * @param item * @returns {string} */ function createChatBubble(my_user_id, item, appendType = 'append') { var myDiv = 'chatboxmessage_me'; if (my_user_id == item.from_user_info.id) { myDiv = 'chatboxmessage'; } var sentDate = ''; if (moment.unix(item.date).isValid()) { sentDate = moment.unix(item.date).format('LLL'); } var check = ''; var unCheckClass = ' check_status'; if (my_user_id != item.from_user_info.id) { check = ''; if (item.recd == 1) { unCheckClass = ''; check = doubleCheck; } } var messageObject = $("#chatbox_"+my_user_id+" .chatboxcontent").find('#message_id_' + item.id); var exists = messageObject.length !== 0; var messageHeader = '
'; var messageEnd = '
'; var message = ''; if (my_user_id == item.from_user_info.id) { message += ''+item.from_user_info.complete_name+':  '; } message += '
'+item.message+'
'; message += '
'+check+'
'; if (exists) { messageObject.html(message); $(messageObject).linkify({ target: "_blank" }); } else { message = messageHeader + message + messageEnd; if (appendType == 'append') { $("#chatbox_"+my_user_id+" .chatboxcontent").append(message); } else { $("#chatbox_"+my_user_id+" .chatboxcontent").prepend(message); } $("#chatbox_"+my_user_id+" .chatboxcontent").linkify({ target: "_blank" }); } return message; } /** * Disconnect user from chat */ function closeChat() { $.post( ajax_url + "?action=close", {}, function (data) { // Disconnects from chat set_user_status(0); // Clean cookies Cookies.set('chatbox_minimized', new Array()); // Delete all windows $('.chatbox ').remove(); // Reset variables chatBoxes = new Array(); intervals = new Array(); } ); } function closeWindow(user_id) { $('#chatbox_'+user_id).css('display','none'); restructureChatBoxes(); $.post( ajax_url + "?action=close_window", { chatbox: user_id }, function (data) { } ); } function restructureChatBoxes() { var align = 0; for (x in chatBoxes) { user_id = chatBoxes[x]; if ($("#chatbox_"+user_id).css('display') != 'none') { if (align == 0) { $("#chatbox_"+user_id).css('right', '10px'); } else { width = (align)*(widthBox+7) + 5 + 5; $("#chatbox_"+user_id).css('right', width+'px'); } align++; } } } /** * Function that fires the chat with an user (creates a chat bloclk) * @param int user id * @param string user's firstname + lastname * @param status * **/ function chatWith(user_id, user_name, status, userImage) { set_user_status(1); createChatBox(user_id, user_name, 0, status, userImage); $("#chatbox_"+user_id+" .chatboxtextarea").focus(); getMoreItems(user_id, 'last'); } /** * Creates a div */ function createMyContactsWindow() { var user_id = 'contacts'; var oldChatBox = $("#chatbox_"+user_id); if (oldChatBox.length > 0) { // reload contact list if (oldChatBox.css('display') == 'none') { oldChatBox.css('display','block'); restructureChatBoxes(); } chatboxContent = oldChatBox.find('.chatboxcontent'); $.post(ajax_url + "?action=get_contacts", { to: 'user_id' }, function (data) { chatboxContent.html(data); }); $("#chatbox_"+user_id+" .chatboxtextarea").focus(); return; } var chatbox = $('
') .attr({ id: 'chatbox_' + user_id }) .addClass('chatbox') .css('bottom', 0); var chatboxHead = $('
') .addClass('chatboxhead') .append(''); $('
') .addClass('chatboxtitle') .append(chatLang) .appendTo(chatboxHead); var chatboxoptions = $('
') .addClass('chatboxoptions') .appendTo(chatboxHead); $('') .addClass('btn btn-xs togglelink') .attr({ href: 'javascript:void(0)', rel: user_id }) .html('') .appendTo(chatboxoptions); $('') .addClass('btn btn-xs close_chat') .attr({ href: 'javascript:void(0)', rel: user_id }) .html('') .appendTo(chatboxoptions); $('
') .attr('clear', 'all') .appendTo(chatboxHead); var chatboxContent = $('
').addClass('chatboxcontent'); var chatboxInput = $('
').addClass('chatboxinput'); $.post(ajax_url + "?action=get_contacts", { to: 'user_id' }, function (data) { $('
').html(data).appendTo(chatboxContent); }); chatbox .append(chatboxHead) .append(chatboxContent) .append(chatboxInput) .appendTo('body'); var chatBoxeslength = 0; for (x in chatBoxes) { if ($("#chatbox_"+chatBoxes[x]).css('display') != 'none') { chatBoxeslength++; } } if (chatBoxeslength == 0) { $("#chatbox_"+user_id).css('right', '10px'); } else { width = (chatBoxeslength)*(widthBox+7) + 5 + 5; $("#chatbox_"+user_id).css('right', width+'px'); } chatBoxes.push(user_id); chatboxFocus[user_id] = false; $("#chatbox_"+user_id+" .chatboxtextarea").blur(function(){ chatboxFocus[user_id] = false; $("#chatbox_"+user_id+" .chatboxtextarea").removeClass('chatboxtextareaselected'); }).focus(function(){ chatboxFocus[user_id] = true; newMessages[user_id] = false; $('#chatbox_'+user_id+' .chatboxhead').removeClass('chatboxblink'); $("#chatbox_"+user_id+" .chatboxtextarea").addClass('chatboxtextareaselected'); }); $("#chatbox_"+user_id).click(function() { if ($('#chatbox_'+user_id+' .chatboxcontent').css('display') != 'none') { $("#chatbox_"+user_id+" .chatboxtextarea").focus(); } }); $("#chatbox_"+user_id).show(); $("#chatbox_"+user_id+" .chatboxcontent").scroll(function () { var iCurScrollPos = $(this).scrollTop(); if (iCurScrollPos == 0) { getMoreItems(user_id); return false; } }); minimizedChatBoxes = new Array(); if (Cookies.get('chatbox_minimized')) { minimizedChatBoxes = Cookies.getJSON('chatbox_minimized'); minimize = 0; for (j = 0; j < minimizedChatBoxes.length; j++) { if (minimizedChatBoxes[j] == user_id) { minimize = 1; } } if (minimize == 1) { $('.togglelink').html(''); $('#chatbox_'+user_id+' .chatboxcontent').css('display','none'); $('#chatbox_'+user_id+' .chatboxinput').css('display','none'); } } } /** * Creates a div */ function createChatBox(user_id, chatboxtitle, minimizeChatBox, online, userImage) { var oldChatBox = $("#chatbox_"+user_id); if (oldChatBox.length > 0) { if (oldChatBox.css('display') == 'none') { oldChatBox.css('display','block'); restructureChatBoxes(); } $("#chatbox_"+user_id+" .chatboxtextarea").focus(); return; } var user_is_online = return_online_user(user_id, online, userImage); var chatbox = $('
') .attr({ id: 'chatbox_' + user_id }) .addClass('chatbox') .css('bottom', 0); var chatboxHead = $('
') .addClass('chatboxhead') .append(user_is_online); $('
') .addClass('chatimage') .append('') .appendTo(chatboxHead); $('
') .addClass('chatboxtitle') .append(chatboxtitle) .appendTo(chatboxHead); var chatboxoptions = $('
') .addClass('chatboxoptions') .appendTo(chatboxHead); if (!hide_chat_video) { if (!!Modernizr.prefixed('RTCPeerConnection', window) && (online === '1' || online === 1) ) { /*$('') .addClass('btn btn-xs ajax') .attr({ href: ajax_url + '?action=create_room&to=' + user_id }) .data({ title: '', size: 'sm' }) .on('click', function () { $(this).data('title', $('.chatboxtitle').text()); }) .html('') .appendTo(chatboxoptions);*/ } } $('') .addClass('btn btn-xs togglelink') .attr({ href: 'javascript:void(0)', rel: user_id }) .html('') .appendTo(chatboxoptions); $('') .addClass('btn btn-xs closelink') .attr({ href: 'javascript:void(0)', rel: user_id }) .html('') .appendTo(chatboxoptions); $('
') .attr('clear', 'all') .appendTo(chatboxHead); var chatboxContent = $('
').addClass('chatboxcontent'); var chatboxInput = $('
').addClass('chatboxinput'); $('