social_stream-presence 0.7.5 → 0.8.0

data/app/assets/javascripts/chat_interface_manager.js.erb

@@ -91,7 +91,7 @@ function settingChatBoxFunctions(){
     
     if (createChatBox(guest_slug, guest_name, guest_jid, user_name, user_jid)) {
     } else {
-      window[getChatVariableFromSlug(guest_slug)].chatbox("option", "boxManager").toggleBox(true);
+      getChatBoxForSlug(guest_slug).chatbox("option", "boxManager").toggleBox(true);
     };
   });
   
@@ -268,33 +268,13 @@ function restartAwayTimer(){
 //Update chatWindow Management
 ////////////////////
 
-function timerFunction(){
-    timerCounter++; 
-    
-    if((timerCounter > cyclesToRefresh)&&(requestContacts)) {
-        requestContacts = false;
-        updateChatWindow();
-    }
-}
-
-
-function refreshChatWindow(){  
-    if(timerCounter > cyclesToRefresh){
-      updateChatWindow();
-    } else {
-      requestContacts = true;
-    }
-}
-
-
-function updateChatWindow(){	
-	var stropheConnectedAndOnlineStatus = ((isStropheConnected()) && (userStatus!="offline") && (!disconnectionFlag));
+function updateChatWindow(){
 	timerCounter=0;
 	
 	log("updateChatWindow()");
-	log("Connected " + stropheConnectedAndOnlineStatus);
+	log("Connected " + isUserConnected());
 	
-	if(! stropheConnectedAndOnlineStatus){
+	if(! isUserConnected()){
 		loadDisconnectionDiv();
 		updateConnectedUsersOfMainChatBox();
 		return;
@@ -307,6 +287,7 @@ function updateChatWindow(){
 			hideConnectionBoxesFromDisconnectedSlugs();
 			setAllUserFunctions();
 			updateConnectedUsersOfMainChatBox();
+			checkForZeroUsersConnected();
       if (isStropheConnected()) {
         if (afterNewConnectionFlag){
           afterNewConnectionFlag = false;
@@ -403,6 +384,7 @@ function updateInterfaceAfterPresenceStanza(slug,available){
 	} else {
 		hideConnectionBoxFromSlug(slug);
 		showOfflineChatNotificationForSlug(slug);
+		closeVideoSession(slug);
 	}
   updateMainChatBoxAfterConnectionBoxChanges();
 	checkForZeroUsersConnected();
@@ -510,20 +492,17 @@ function putReceivedMessageOnChatWindow(from_jid,from_slug,body,msgID){
     return;
    }
   
-  //Check slug connection and slugs connectionBox
-  if (existsSlugChatBox(from_slug)) {
+  //Check slugs connectionBox
+  if (!existsSlugChatBox(from_slug)) {
     //No connectionBox for this user!
     var from_name = getNameFromSlug(from_slug);
 		if(! isAdminSlug(from_slug)){
-			refreshChatWindow();
-		}
+      updateChatWindow();
+    }
   } else {
-		if(! isSlugChatConnected(from_slug)){
-			updateInterfaceAfterPresenceStanza(from_slug,"true");
-		}
-    var from_name = $('div.user_presence[slug=' + from_slug + ']').attr('name');
-  }
-  
+		var from_name = $('div.user_presence[slug=' + from_slug + ']').attr('name');
+	}
+
   //Create or toggle from_slug's chatBox.
   if (createChatBox(from_slug, from_name, from_jid, user_name, user_jid)) {
   } else {
@@ -564,16 +543,28 @@ function showChatNotification(notification,type,msg){
 
 function showChatNotificationForSlug(slug,type,msg){
   var notification = $("#" + slug).parent().find("div.ui-chatbox-notify");
-  showChatNotification(notification,type,msg);
+	if(notification.length==1){
+		showChatNotification(notification,type,msg);
+	}
 }
 
 function showOfflineChatNotificationForSlug(slug){
-	var slug_chat_box = getChatBoxForSlug(slug);
-	if(slug_chat_box!=null){
-		var name = slug_chat_box.attr("name")
-    var msg =  name + ' ' + I18n.t('chat.notify.guestOffline');
+		var msg = I18n.t("chat.notify.guestOffline", {name: getNameFromSlug(slug)});
     showChatNotificationForSlug(slug,"guestOffline",msg);
-	}
+}
+
+function showVideoChatNotificationForSlug(slug,msg){
+  showChatNotificationForSlug(slug,"videochat",msg);
+}
+
+function showVideoChatNotificationForSlugClientIssue(slug){
+	var msg = I18n.t("chat.notify.videochat.clientIssue", {name: getNameFromSlug(slug)});
+  showVideoChatNotificationForSlug(slug,msg);
+}
+
+function showVideoChatNotificationForSlugClientOffline(slug){
+  var msg = I18n.t("chat.notify.videochat.offline", {name: getNameFromSlug(slug)});
+  showVideoChatNotificationForSlug(slug,msg);
 }
 
 function hideChatNotification(notification){
@@ -587,8 +578,15 @@ function hideChatNotificationForSlug(slug){
   hideChatNotification(notification);
 }
 
-function notifyWhenUsersDisconnect(){
-  var notification = $("div.ui-chatbox-notify");
+function updateInterfaceAfterUsersDisconnect(){
+  updateNotificationsAfterUserDisconnect();
+	$.each(getAllSlugsWithVisibleVideoBoxes(), function(index, value) {
+    closeVideoSession(value);
+  });
+}
+
+function updateNotificationsAfterUserDisconnect(){
+	var notification = $("div.ui-chatbox-notify");
   var msg = I18n.t('chat.notify.offline');
   showChatNotification(notification,"userOffline",msg);
 }
@@ -601,7 +599,7 @@ function hideAllNotifications(){
 function updateAllNotifications(){
 	hideAllNotifications();
 	if(disconnectionFlag){
-		notifyWhenUsersDisconnect();
+		updateNotificationsAfterUserDisconnect();
 	} else {
 		//Notification for offline contacts
 		$.each(getAllDisconnectedSlugsWithChatBoxes(), function(index, value) {
@@ -617,8 +615,7 @@ function updateAllNotifications(){
 
 function updateConnectedUsersOfMainChatBox(){
   if(mainChatBox!=null){
-		var stropheConnectedAndOnlineStatus = ((isStropheConnected()) && (userStatus!="offline") && (!disconnectionFlag));
-		if(stropheConnectedAndOnlineStatus){
+		if(isUserConnected()){
 			var connectedUsers = getConnectedSlugsLength();
       changeMainChatBoxHeaderTitle( I18n.t('chat.title') + " (" + connectedUsers + ")");
       changeMainChatBoxHeight(getChatBoxHeightRequiredForConnectionBoxes());

data/app/assets/javascripts/chat_parser.js

@@ -46,7 +46,7 @@ function parseContent(content){
     return "<pre>" + content + "</pre>"
   }
   
-  words = content.split(" ");
+  var words = content.split(" ");
   for(i=0; i<words.length; i++){
     words[i] = parseWord(words[i]);
   }
@@ -131,18 +131,18 @@ function parseWord(word){
 }
 
 function splitFirst(word,key){
-    split=[]  
-    cut = word.split(key);   
+    var split=[]  
+    var cut = word.split(key);   
     split[0]=cut[0]
     cut.shift()
-    paste = cut.join(key)
+    var paste = cut.join(key)
     split[1]=paste
     return split
 }
 
 function buildIconImage(icon){
   if (icon in chatIcons){
-    image_file = chatIcons[icon]
+    var image_file = chatIcons[icon]
     return "<img class=\"chatEmoticon\" src=\"/assets/emoticons/" + image_file + "\"/>";
   }
   return icon

data/app/assets/javascripts/chat_utilities.js

@@ -93,7 +93,7 @@ function userChatDataInputControl(){
 ////////////////////
 
 var lastMessageTimes = new Array();
-//lastMessageTimes['from_slug'] = ["timeOfLastMessage",["msgID1","msgID2"]];
+//lastMessageTimes['slug'] = ["timeOfLastMessage",["msgID1","msgID2"]];
 
 var timeBetweenMessages = 500; //mseconds
 
@@ -181,11 +181,6 @@ function floodControl() {
 };
 
 
-function initControlFlood(){
-	$(".ui-chatbox-input-box")
-}
-
-
 ////////////////////
 //Bounce chatbox control
 ////////////////////
@@ -193,21 +188,30 @@ var lastBounceTimes = new Array();
 var timeBetweenBounces = 5000; //mseconds
 
 function mustBounceBoxForChatWindow(jqueryUIChatbox){
-	var from_slug = $($(jqueryUIChatbox.elem.uiChatbox).find(".ui-chatbox-content").children()[0]).attr("id")
 	
+	var slug = jqueryUIChatbox.elem.uiChatbox.find(".ui-chatbox-content").find(".ui-chatbox-log").attr("id")
+	
+	if (typeof slug == 'undefined') {
+		return false;
+	}
+	
+	if((slug in contactsInfo)&&(contactsInfo[slug].videoChatStatus!="disconnected")){
+      return false;
+	}
+
   var t = (new Date()).getTime();
 	
-	if(!(from_slug in lastBounceTimes)){
-    lastBounceTimes[from_slug] = t;
+	if(!(slug in lastBounceTimes)){
+    lastBounceTimes[slug] = t;
 		return true;
   }
 	 
-  var lastBounceTime = lastBounceTimes[from_slug];
+  var lastBounceTime = lastBounceTimes[slug];
 	
   if (t - lastBounceTime < timeBetweenBounces) {
     return false;
   } else {
-		lastBounceTimes[from_slug] = t;
+		lastBounceTimes[slug] = t;
 		return true;
 	} 
 	

data/app/assets/javascripts/chat_window_manager.js

@@ -5,8 +5,8 @@
 var nBox = 0;
 var maxBox = 5;
 var chatBoxWidth = 230;
-var chatBoxHeight = 170;
-var videoBoxHeight = 150;
+var chatBoxHeight = 180;
+var videoBoxHeight = 145;
 var visibleChatBoxes = new Array();
 var offsetForFlowBox = 0;
 var chatBoxSeparation = chatBoxWidth+12;
@@ -150,13 +150,66 @@ function getChatBoxForSlug(slug){
 	}
 }
 
+function getChatBoxHeaderForSlug(slug){
+  var chatBox = getChatBoxForSlug(slug);
+  if(chatBox!=null){
+    return chatBox.parent().parent().find(".ui-chatbox-titlebar")
+  } else {
+		return null;
+	}
+}
 
-function getAllSlugsWithChatBoxes(){
-	var slugsWithChatBox = [];
-	$.each(getAllChatBoxes(), function(index, value) {
+function getChatBoxButtonsForSlug(slug){
+	var chatBoxHeader = getChatBoxHeaderForSlug(slug);
+	if(chatBoxHeader!=null){
+		return chatBoxHeader.find(".ui-chatbox-icon");
+	} else {
+		return null;
+	}
+}
+
+function getChatBoxButtonForSlug(slug,button){
+	var chatBoxButtons = getChatBoxButtonsForSlug(slug);
+	if(chatBoxButtons!=null){
+		switch (button){
+			case "close":
+			return chatBoxButtons[0];
+			break;
+			case "min":
+			return chatBoxButtons[1];
+			break;
+			case "video":
+      return chatBoxButtons[2];
+      break;
+			case "videoChange":
+      return chatBoxButtons[3];
+      break;
+			default : return null;
+		}
+	} else {
+		return null;
+	}
+}
+
+
+function getAllSlugsWithChatOrVideoBoxes(){
+  var slugsWithChatBox = [];
+	var slugsWithVideoBox = [];
+  $.each(getAllChatBoxes(), function(index, value) {
+		if($(value).parent().find(".ui-videobox").is(":visible")){
+      slugsWithVideoBox.push($(value).attr("id"))
+    }
     slugsWithChatBox.push($(value).attr("id"))
   });
-	return  slugsWithChatBox;
+  return  [slugsWithChatBox,slugsWithVideoBox];
+}
+
+function getAllSlugsWithChatBoxes(){
+	return getAllSlugsWithChatOrVideoBoxes()[0];
+}
+
+function getAllSlugsWithVisibleVideoBoxes(){
+  return getAllSlugsWithChatOrVideoBoxes()[1];
 }
 
 function getAllDisconnectedSlugsWithChatBoxes(){
@@ -209,41 +262,88 @@ function rotatePriority(guest_slug){
 //Video Window Manager functions
 ////////////////////
 
-function getVideoBoxFromSlug(slug){
-	return $("#" + slug).parent().find("div.ui-videobox")
+function getVideoBoxForSlug(slug){
+	var videoBox = $("#" + slug).parent().find("div.ui-videobox");
+	if(videoBox.length == 1){
+		return videoBox;
+	} else {
+		return null;
+	}
+}
+
+function getPublisherVideoBoxForSlug(slug){
+	var pubDiv = $("#stream_publish_videochat_" + slug);
+	if (pubDiv.length > 0) {
+		return pubDiv
+	} else {
+		return null;
+	}
+}
+
+function setVideoBoxContent(slug,embed){
+  var videoBox = getVideoBoxForSlug(slug);
+  if(videoBox!=null){
+    videoBox.html(embed);
+  }
 }
 
-function showVideoBox(slug,embed){
-	var chatBox = window[getChatVariableFromSlug(slug)]
-	getVideoBoxFromSlug(slug).html(embed);
-  chatBox.chatbox("option", "video",videoBoxHeight);
+function addVideoBoxContent(slug,embed){
+  var videoBox = getVideoBoxForSlug(slug);
+  if(videoBox!=null){
+    videoBox.append(embed);
+  }
 }
 
+function showVideoBox(chatBox){
+		chatBox.chatbox("option", "video",videoBoxHeight);
+}
 
-function hideVideoBox(slug){
-	  var chatBox = window[getChatVariableFromSlug(slug)]
-    chatBox.chatbox("option", "video", 0);
+function hideVideoBox(chatBox){
+  chatBox.chatbox("option", "video", 0);
 }
 
 
 //Function called from JQuery UI Plugin
-function toogleVideoBox(uiElement){
-	  var slug = $(uiElement.element).attr("id");
-    toogleVideoBoxForSlug(slug)
+function toggleVideoBox(uiElement){
+	var slug = $(uiElement.element).attr("id");
+	clickVideoChatButton(slug);
 }
 
-function toogleVideoBoxForSlug(slug){
-	var chatBox = window[getChatVariableFromSlug(slug)]
-	if (chatBox.chatbox("option", "video")==0){
-		showVideoBox(slug,getVideoEmbedForSlug(slug))
+//Function called from JQuery UI Plugin
+function toggleVideoBoxChange(uiElement){
+  var slug = $(uiElement.element).attr("id");
+  clickVideoChangeChatButton(slug);
+}
+
+function toggleVideoBoxForSlug(slug,force){
+	var aux;
+	var chatBox = getChatBoxForSlug(slug);
+	
+	if(chatBox==null) {
+		return null;
+  }
+	
+	if(typeof force != 'undefined'){
+		aux = force;
 	} else {
-		hideVideoBox(slug);
+		if (chatBox.chatbox("option", "video")==0){
+	    aux=true;
+	  } else {
+	    aux=false;
+	  }
 	}
+	
+  if (aux){
+		//Show
+    showVideoBox(chatBox);
+    return true;
+  } else {
+		//Hide
+    hideVideoBox(chatBox);
+    return false;
+  }
 }
 
-function getVideoEmbedForSlug(slug){
-	return "<img src=\"http://www.batiburrillo.net/wp-content/uploads/2011/03/Freemake.jpg?cda6c1\" width=\"" + (chatBoxWidth-20) + "\"/>"
-}
 
 
 
@@ -304,6 +404,9 @@ function createMainChatBox(){
 			$(mainChatBox).css('overflow-x','hidden')
       $(mainChatBox).css('overflow-y','hidden')
 			
+			//Minimize
+			mainChatBox.parent().toggle(false);
+			
 			//Header title
 			updateConnectedUsersOfMainChatBox();
 		}

data/app/assets/javascripts/jquery.ui.chatbox.sstreampresence.js

@@ -176,10 +176,10 @@
         'ui-chatbox-icon' + ' ui-videobox-icon'
        )
       .attr('role', 'button')
-      //.hover(function() {uiChatboxTitlebarMinimize.addClass('ui-state-hover');},
-        //   function() {uiChatboxTitlebarMinimize.removeClass('ui-state-hover');})
+      .hover(function() {uiChatboxTitlebarVideo.addClass('ui-state-hover');},
+           function() {uiChatboxTitlebarVideo.removeClass('ui-state-hover');})
       .click(function(event) {
-        toogleVideoBox(self)
+        toggleVideoBox(self)
         return false;
       })
       .appendTo(uiChatboxTitlebar),
@@ -189,6 +189,25 @@
       .appendTo(uiChatboxTitlebarVideo),
 			
 			
+			//Change video-window Menu button
+      uiChatboxTitlebarVideoChange = (self.uiChatboxTitlebarVideoChange = $('<a href="#"></a>'))
+      .addClass('ui-corner-all ' + 
+        'ui-chatbox-icon' + ' ui-videobox-icon-change'
+       )
+      .attr('role', 'button')
+      .hover(function() {uiChatboxTitlebarVideoChange.addClass('ui-state-hover');},
+           function() {uiChatboxTitlebarVideoChange.removeClass('ui-state-hover');})
+      .click(function(event) {
+        toggleVideoBoxChange(self)
+        return false;
+      })
+      .appendTo(uiChatboxTitlebar),
+      uiChatboxTitlebarVideoText = $('<span></span>')
+      .addClass('ui-icon-newwin ' +  'chat-thick ' + ' chat-videoPublisherthick' )
+      .text('')
+      .appendTo(uiChatboxTitlebarVideoChange),
+			
+			
 			// content
 	    uiChatboxContent = (self.uiChatboxContent = $('<div></div>'))
 		.addClass('ui-widget-content ' +