mirror of
				https://github.com/pierre42100/ComunicWeb
				synced 2025-11-04 04:04:20 +00:00 
			
		
		
		
	Created notifications dropdown toggle.
This commit is contained in:
		@@ -499,6 +499,8 @@ var ComunicWeb = {
 | 
			
		||||
				 * Add search form element
 | 
			
		||||
				 */
 | 
			
		||||
				addSearchForm: function(navbarElem){},
 | 
			
		||||
 | 
			
		||||
				//TODO : implement
 | 
			
		||||
			},
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
@@ -791,6 +793,23 @@ var ComunicWeb = {
 | 
			
		||||
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
		/**
 | 
			
		||||
		 * Notifications components
 | 
			
		||||
		 */
 | 
			
		||||
		notifications: {
 | 
			
		||||
 | 
			
		||||
			/**
 | 
			
		||||
			 * Notifications menu dropdown
 | 
			
		||||
			 */
 | 
			
		||||
			dropdown:{
 | 
			
		||||
 | 
			
		||||
				//TODO : implement
 | 
			
		||||
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
	/**
 | 
			
		||||
 
 | 
			
		||||
@@ -35,6 +35,9 @@ ComunicWeb.components.menuBar.authenticated = {
 | 
			
		||||
		//Add friends list button
 | 
			
		||||
		this.addFriendListButton(navbarRightElemList);
 | 
			
		||||
 | 
			
		||||
		//Add notifications dropdown
 | 
			
		||||
		ComunicWeb.components.notifications.dropdown.display(navbarRightElemList);
 | 
			
		||||
 | 
			
		||||
		//Add dropdown menu
 | 
			
		||||
		this.addDropdown(navbarRightElemList);
 | 
			
		||||
		
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										45
									
								
								assets/js/components/notifications/dropdown.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										45
									
								
								assets/js/components/notifications/dropdown.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,45 @@
 | 
			
		||||
/**
 | 
			
		||||
 * Notifications menu bar dropdown
 | 
			
		||||
 * 
 | 
			
		||||
 * @author Pierre HUBERT
 | 
			
		||||
 */
 | 
			
		||||
 | 
			
		||||
ComunicWeb.components.notifications.dropdown = {
 | 
			
		||||
 | 
			
		||||
	/**
 | 
			
		||||
	 * Display notifications dropdown
 | 
			
		||||
	 * 
 | 
			
		||||
	 * @param {HTMLElement} target The target of the notification dropdown
 | 
			
		||||
	 */
 | 
			
		||||
	display: function(target){
 | 
			
		||||
 | 
			
		||||
		//Create the button
 | 
			
		||||
		var dropdown = createElem2({
 | 
			
		||||
			appendTo: target,
 | 
			
		||||
			type: "li",
 | 
			
		||||
			class: "dropdown notifications-menu"
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
		//Add dropdown toggle
 | 
			
		||||
		var dropdownToggle = createElem2({
 | 
			
		||||
			appendTo: dropdown,
 | 
			
		||||
			type: "a",
 | 
			
		||||
			class: "dropdown-toggle",
 | 
			
		||||
			href: "#",
 | 
			
		||||
			innerHTML: '<i class="fa fa-bell-o"></i>'
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
		//Add notification number
 | 
			
		||||
		var notificationsNumber = createElem2({
 | 
			
		||||
			appendTo: dropdownToggle,
 | 
			
		||||
			type: "span",
 | 
			
		||||
			class: "label label-danger",
 | 
			
		||||
			innerHTML: "0"
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
		//Add dropdown menu
 | 
			
		||||
		
 | 
			
		||||
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
}
 | 
			
		||||
@@ -256,6 +256,9 @@ class Dev {
 | 
			
		||||
			"js/components/movies/interface.js",
 | 
			
		||||
			"js/components/movies/picker.js",
 | 
			
		||||
 | 
			
		||||
			//Notifications
 | 
			
		||||
			"js/components/notifications/dropdown.js",
 | 
			
		||||
 | 
			
		||||
		//User scripts
 | 
			
		||||
		"js/user/loginTokens.js",
 | 
			
		||||
		"js/user/userLogin.js",
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user