ComunicWeb/assets/js/components/friends/friendsBar.js

/**
 * Friends bar
 * 
 * @author Pierre HUBERT
 */

ComunicWeb.components.friends.bar = {

	/**
	 * Display friends list
	 * 
	 * @return {Boolean} True for a success
	 */
	display: function(){
		//Log action
		ComunicWeb.debug.logMessage("Initialize friends list.");

		//Check if friends list already exists or not
		var friendsListContainer = byId("friendsList");

		//We check if the friend list already exists or not
		if(friendsListContainer){
			ComunicWeb.debug.logMessage("Notice: friend list already present on the page. Nothing to be done.");
			return true;
		}

		//Create and apply friends list element
		var friendsListContainer = createElem("div");
		friendsListContainer.id = "friendsList";
		
		//Check if "pageTarget" already exists or not
		var pageTarget = byId("pageTarget");
		if(pageTarget){
			//Insert friends list just before pageTarget
			byId("wrapper").insertBefore(friendsListContainer, pageTarget);
		}
		else{
			byId("wrapper").appendChild(friendsListContainer); //Just happend the menubar
		}

		//Initializate friends list
		this.init(friendsListContainer);

		//Success
		return true;
	},

	/**
	 * Initializate a friend list
	 * 
	 * @param {HTMLElement} friendsListContainer The container of the friend list
	 * @return {Boolean} True for a success
	 */
	init: function(friendsListContainer){

		//First, create the table container
		var listFriendsElemTable = createElem("table", friendsListContainer);
		listFriendsElemTable.className = "table table-condensed";
		var listFriendsElem = createElem("tbody", listFriendsElemTable);

		//Refresh friends list
		this.refresh(listFriendsElem);

		//Remove previously existing interval
		if(this.refreshInterval)
			clearInterval(this.refreshInterval);

		//Make the friend bar automaticaly refreshed
		this.refreshInterval = setInterval(function(){
			if(byId("friendsList"))
				ComunicWeb.components.friends.bar.refresh(listFriendsElem);
		}, 15000);

		//Success
		return true;
	},

	/**
	 * Refresh the friendbar
	 * 
	 * @param {HTMLElement} listFriendsElem The element that contains the list of friens
	 * @return {Boolean} True for a success
	 */
	refresh: function(listFriendsElem){
		//Refresh it
		ComunicWeb.components.friends.list.refresh(function(friendsList){
			//Check for error
			if(!friendsList){
				//Log information
				ComunicWeb.debug.logMessage("ERROR : Can't refresh menubar without the latest list !");

				//Error
				return false;
			}

			//Get users list to get information about them
			usersID = {};
			for(i in friendsList){
				//Extract user id
				var processID = friendsList[i].ID_friend;

				usersID["user_"+processID] = processID;
			}
			
			//Get users ID informations
			ComunicWeb.user.userInfos.getMultipleUsersInfos(usersID, function(usersInfos){
				
				//Clean the area
				listFriendsElem.innerHTML = "";

				//Show each friend
				for(i in friendsList){

					//Extract friend ID
					var friendID = friendsList[i].ID_friend;

					//Create a row
					var friendRow = createElem("tr", listFriendsElem);

					//Add user avatar
					var imageRow = createElem("td", friendRow);
					var imageElem = createElem("img", imageRow);
					imageElem.src = usersInfos["user-"+friendID].accountImage;
					imageElem.className = "account-image";

					//Add user name
					var nameRow = createElem("td", friendRow);
					nameRow.innerHTML = usersInfos["user-"+friendID].firstName + " " + usersInfos["user-"+friendID].lastName;

					//Add user login status
					var statusRow = createElem("td", friendRow);
					statusRow.className = "statusRow";					

					//Check if user is online or not
					var currentTime = ComunicWeb.common.date.time();
					var timeDifference = currentTime - friendsList[i].time_last_activity;

					if(timeDifference < 30){
						//User is logged in
						var iconsStats = createElem("i", statusRow);
						iconsStats.className = "fa fa-fw fa-circle";
						iconsStats.style.color = "green";
					}
					else {
						//User isn't logged in
						var logoutTime = createElem("small", statusRow);
						logoutTime.innerHTML = ComunicWeb.common.date.diffToStr(timeDifference);
					}
				}

				//Enable slimscroll
				$(listFriendsElem.parentNode.parentNode).slimScroll({
					height: '100%;'
				});

			});
		});
	},

	/**
	 * Toogle show / hide friends bar
	 * 
	 * @return {Boolean} True for a success
	 */
	toggleShowHide: function(){
		//Get friends list element
		var friendListElem = byId("friendsList");

		//Log action
		ComunicWeb.debug.logMessage("Toggle friends list");

		//Check current bar state
		if(friendListElem.className == ""){
			//Show the bar
			friendListElem.className = "visible-bar";
		}
		else
			//Hide the bar
			friendListElem.className = "";

		//Success
		return true;
	}

}