mirror of
				https://github.com/pierre42100/ComunicWeb
				synced 2025-11-03 19:54:14 +00:00 
			
		
		
		
	Created dropdown menu for authenticated users
This commit is contained in:
		
							
								
								
									
										56
									
								
								assets/js/components/menuBar/authenticated.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										56
									
								
								assets/js/components/menuBar/authenticated.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,56 @@
 | 
			
		||||
/**
 | 
			
		||||
 * Menubar for authenticated users complements
 | 
			
		||||
 * 
 | 
			
		||||
 * @author Pierre HUBERT
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
ComunicWeb.components.menuBar.authenticated = {
 | 
			
		||||
	/**
 | 
			
		||||
	 * Add authenticated user specific elements
 | 
			
		||||
	 * 
 | 
			
		||||
	 * @param {HTMLElement} container The container element of the Menubar
 | 
			
		||||
	 */
 | 
			
		||||
	addElements: function(container){
 | 
			
		||||
		//Create an auto-collapsed element
 | 
			
		||||
		var navbarCollapse = createElem("div", container);
 | 
			
		||||
		navbarCollapse.id = "navbar-collapse";
 | 
			
		||||
		navbarCollapse.className = "navbar-collapse pull-right collapse";
 | 
			
		||||
 | 
			
		||||
		//Create navbar elements list
 | 
			
		||||
		var navbarElemList = createElem("ul", navbarCollapse);
 | 
			
		||||
		navbarElemList.className = "nav navbar-nav";
 | 
			
		||||
 | 
			
		||||
		//Add dropdown menu
 | 
			
		||||
		this.addDropdown(navbarElemList);
 | 
			
		||||
		
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
	/**
 | 
			
		||||
	 * Add dropdown menu
 | 
			
		||||
	 * 
 | 
			
		||||
	 * @param {HTMLElement} navbarElem The target navbarlist element 
 | 
			
		||||
	 * @return {Boolean} True for a success
 | 
			
		||||
	 */
 | 
			
		||||
	addDropdown: function(navbarElem){
 | 
			
		||||
		//Create dropdown menu
 | 
			
		||||
		var dropdown = createElem("li", navbarElem);
 | 
			
		||||
		dropdown.className = "dropdown";
 | 
			
		||||
 | 
			
		||||
		//Add dropdown button
 | 
			
		||||
		var dropdownButton = createElem("a", dropdown);
 | 
			
		||||
		dropdownButton.className = "dropdown-toggle";
 | 
			
		||||
		dropdownButton.setAttribute("data-toggle", "dropdown");
 | 
			
		||||
		dropdownButton.innerHTML = "Menu";
 | 
			
		||||
 | 
			
		||||
		//Create dropdown menu content
 | 
			
		||||
		var dropdownContent = createElem("ul", dropdown);
 | 
			
		||||
		dropdownContent.className = "dropdown-menu"
 | 
			
		||||
		dropdownContent.setAttribute("role", "menu");
 | 
			
		||||
 | 
			
		||||
		//Add logout link
 | 
			
		||||
		var logoutButton = createElem("li", dropdownContent);
 | 
			
		||||
		var logoutButtonLink = createElem("a", logoutButton);
 | 
			
		||||
		logoutButtonLink.innerHTML = "Logout";
 | 
			
		||||
		logoutButton.onclick
 | 
			
		||||
	}
 | 
			
		||||
};
 | 
			
		||||
@@ -99,10 +99,11 @@ ComunicWeb.components.menuBar.common = {
 | 
			
		||||
 | 
			
		||||
		//Call specific menu
 | 
			
		||||
		if(userLoggedIn){
 | 
			
		||||
			//Not implemented yet
 | 
			
		||||
			//Call authenticated menubar
 | 
			
		||||
			ComunicWeb.components.menuBar.authenticated.addElements(containerElem);
 | 
			
		||||
		}
 | 
			
		||||
		else{
 | 
			
		||||
			//Call not-logged-in menu
 | 
			
		||||
			//Call not-logged-in menubar
 | 
			
		||||
			ComunicWeb.components.menuBar.notAuthenticated.addElements(containerElem);
 | 
			
		||||
		}
 | 
			
		||||
	},
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user