Split menubar elements in multiple parts

assets/js/components/menuBar/common.js

@@ -0,0 +1,85 @@
+/**
+ * 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){
+			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");
+			});
+
+		//Now we need to know if user is logged in or not
+		var userLoggedIn = ComunicWeb.user.userLogin.getUserLoginState();
+
+		//Call specific menu
+		if(userLoggedIn){
+			//Not implemented yet
+		}
+		else{
+			//Call not-logged-in menu
+			ComunicWeb.components.menuBar.notAuthenticated.addElements(containerElem);
+		}
+	},
+};

assets/js/components/menuBar/notAuthenticated.js

@@ -0,0 +1,16 @@
+/**
+ * Not authenticated menu bar components
+ * 
+ * @author Pierre HUBERT
+ */
+
+ComunicWeb.components.menuBar.notAuthenticated = {
+    /**
+     * Add not-authenticated user specific elements
+     * 
+     * @param {HTMLElement} addElements The container element of the Menubar
+     */
+    addElements: function(addElements){
+        
+    }
+}