/** * 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; } }