ComunicWeb/assets/js/components/menuBar/common.js

/**
 * Menu bar object - common methods
 * 
 * @author Pierre HUBERT
 */

ComunicWeb.components.menuBar.common = {
	/**
	 * Display menu bar
	 * 
	 * @return {Boolean} True for a success
	 */
	display: function(){
		//Log message
		ComunicWeb.debug.logMessage("Display menu bar");

		//Try to get menubar element
		var menuBar = byId("menuBar");

		//We check if the menubar is present or not on the page
		if(menuBar){

			//We check if menubar is made for a logged user when not any is logged in or vice-versa
			if(menuBar.getAttribute("forActiveUser") !== ComunicWeb.user.userLogin.getUserLoginState().toString()){
				//Remove previously created menuBar
				this.reset(menuBar);
			}
			else {
				//Nothing to be done
				ComunicWeb.debug.logMessage("Info: The menubar is already present on the page");
				return true;
			}
			
		}

		//So we have to initializate it
		//Create menubar element
		var menuBar = createElem("header");
		byId("wrapper").insertBefore(menuBar, byId("wrapper").childNodes[0]);
		menuBar.id = "menuBar";

		//Initializate the menubar
		return this.init(menuBar);
	},

	/**
	 * Initializate a menubar
	 * 
	 * @param {HTMLElement} menuContainer The menu container
	 * @return {Boolan} True for a success
	 */
	init: function(menuContainer){
		//Log action
		ComunicWeb.debug.logMessage("Info: Initializate a menuBar in element : '"+menuContainer.id+"'");

		//Change menu container informations
		menuContainer.className = "main-header";

		//Create main menu
		var menuElem = createElem("div", menuContainer);
		menuElem.className = "navbar navbar-static-top";

		//Create nav element
		var navElem = createElem("nav", menuElem);
		navElem.className = "navbar navbar-static-top";

		//Create conatiner
		var containerElem = createElem("div", navElem);
		containerElem.className = "container";

		//Create navbar header
		var navbarHeader = createElem("div", containerElem);
		navbarHeader.className = "navbar-header";

			//Create site name link
			var siteNameElem = createElem("a", navbarHeader);
			siteNameElem.className = "navbar-brand";
			siteNameElem.innerText = "Comunic";
			siteNameElem.onclick = (function(){
				ComunicWeb.common.page.openPage("home");
			});

			//Create navbar collapsed button
			var navbarCollapsedButton = createElem("button", navbarHeader);
			navbarCollapsedButton.type = "button";
			navbarCollapsedButton.className = "navbar-toggle collapsed";
			navbarCollapsedButton.setAttribute("data-toggle", "collapse");
			navbarCollapsedButton.setAttribute("data-target", "#navbar-collapse");

				//Create navbar icon
				var navbarCollapsIcon = createElem("i", navbarCollapsedButton);
				navbarCollapsIcon.className = "fa fa-bars";

		//Now we need to know if user is logged in or not
		var userLoggedIn = ComunicWeb.user.userLogin.getUserLoginState();

		//Save login information in menubar before continuing
		menuContainer.setAttribute("forActiveUser", userLoggedIn);

		//Call specific menu
		if(userLoggedIn){
			//Call authenticated menubar
			ComunicWeb.components.menuBar.authenticated.addElements(containerElem);
		}
		else{
			//Call not-logged-in menubar
			ComunicWeb.components.menuBar.notAuthenticated.addElements(containerElem);
		}
	},

	/**
	 * Reset a specified menubar
	 * 
	 * @param {HTMLElement} menuBar The menuBar to reset
	 * @return {Boolean} True for a success
	 */
	reset: function(menuBar){

		//Log action
		ComunicWeb.debug.logMessage("Cleaning a menuBar element.");

		//Perform action
		return emptyElem(menuBar);

	}
};