Friend bar responsive

This commit is contained in:
Pierre
2017-06-03 15:41:04 +02:00
parent 84d53310dd
commit 204a3e7e0d
6 changed files with 136 additions and 29 deletions

View File

@ -32,6 +32,9 @@ ComunicWeb.components.menuBar.authenticated = {
//Add user name
this.addUserName(navbarRightElemList);
//Add friends list button
this.addFriendListButton(navbarRightElemList);
//Add dropdown menu
this.addDropdown(navbarRightElemList);
@ -79,6 +82,30 @@ ComunicWeb.components.menuBar.authenticated = {
return dropdownContent;
},
/**
* Add friendsList toggle button
*
* @param {HTMLElement} navbarElem The target navbarlist element
* @return {HTMLElement} The button element
*/
addFriendListButton: function(navbarElem){
//Create button
var friendButton = createElem("li", navbarElem);
friendButton.className = "friendToggleButton";
//Create link
var friendButtonLink = createElem("a", friendButton);
var friendIcon = createElem("i", friendButtonLink);
friendIcon.className = "fa fa-users";
//Makes link live
friendButtonLink.onclick = function(){
ComunicWeb.components.friends.bar.toggleShowHide();
};
return friendButtonLink;
},
/**
* Add user name element
*