From 2836de9ab60cc64db72617b54098b7a913f2940c Mon Sep 17 00:00:00 2001
From: Pierre <pierre@hubert.fr>
Date: Fri, 26 May 2017 11:38:37 +0200
Subject: [PATCH] Added search button

---
 assets/css/components/menuBar.css             |  8 +++-
 assets/js/common/functionsSchema.js           |  5 ++
 assets/js/components/menuBar/authenticated.js | 48 ++++++++++++++++---
 3 files changed, 53 insertions(+), 8 deletions(-)

diff --git a/assets/css/components/menuBar.css b/assets/css/components/menuBar.css
index 8902fa35..c345b098 100644
--- a/assets/css/components/menuBar.css
+++ b/assets/css/components/menuBar.css
@@ -14,12 +14,18 @@
 }
 
 /**
- * Authenticated useres
+ * Authenticated users
  */
 header .dropdown .fa-gear {
 	vertical-align: middle;
 }
 
+@media (max-width: 767px) {
+  .skin-blue .main-header .navbar .dropdown-user-menu-action .dropdown-menu li a {
+    color: #333 !important;
+  }
+}
+
 
 /**
  * Not authenticated users
diff --git a/assets/js/common/functionsSchema.js b/assets/js/common/functionsSchema.js
index c22fadcb..05dec0eb 100644
--- a/assets/js/common/functionsSchema.js
+++ b/assets/js/common/functionsSchema.js
@@ -401,6 +401,11 @@ var ComunicWeb = {
 				 * Add user name element
 				 */
 				addUserName: function(navbarElem){},
+
+				/**
+				 * Add search form element
+				 */
+				addSearchForm: function(navbarElem){},
 			},
 		},
 
diff --git a/assets/js/components/menuBar/authenticated.js b/assets/js/components/menuBar/authenticated.js
index 2a91a609..b2e1f7cd 100644
--- a/assets/js/components/menuBar/authenticated.js
+++ b/assets/js/components/menuBar/authenticated.js
@@ -14,17 +14,26 @@ ComunicWeb.components.menuBar.authenticated = {
 		//Create an auto-collapsed element
 		var navbarCollapse = createElem("div", container);
 		navbarCollapse.id = "navbar-collapse";
-		navbarCollapse.className = "navbar-collapse pull-right collapse";
+		navbarCollapse.className = "navbar-collapse pull-left collapse";
 
 		//Create navbar elements list
-		var navbarElemList = createElem("ul", navbarCollapse);
-		navbarElemList.className = "nav navbar-nav";
+		var navbarCollapseElemList = createElem("ul", navbarCollapse);
+		navbarCollapseElemList.className = "nav navbar-nav";
+
+		//Add search form
+		this.addSearchForm(navbarCollapseElemList);
+
+		//Navbar right elements
+		var navbarRight = createElem("div", container);
+		navbarRight.className = "navbar-custom-menu";
+		var navbarRightElemList = createElem("ul", navbarRight);
+		navbarRightElemList.className = "nav navbar-nav";
 
 		//Add user name
-		this.addUserName(navbarElemList);
+		this.addUserName(navbarRightElemList);
 
 		//Add dropdown menu
-		this.addDropdown(navbarElemList);
+		this.addDropdown(navbarRightElemList);
 		
 	},
 
@@ -37,7 +46,7 @@ ComunicWeb.components.menuBar.authenticated = {
 	addDropdown: function(navbarElem){
 		//Create dropdown menu
 		var dropdown = createElem("li", navbarElem);
-		dropdown.className = "dropdown";
+		dropdown.className = "dropdown dropdown-user-menu-action";
 
 		//Add dropdown button
 		var dropdownButton = createElem("a", dropdown);
@@ -91,7 +100,7 @@ ComunicWeb.components.menuBar.authenticated = {
 
 		//Add user name
 		var userNameElem = createElem("span", userlinkelement);
-		//userNameElem.className = "hidden-xs";
+		userNameElem.className = "hidden-xs";
 		userNameElem.innerHTML = "Loading...";
 
 		//Make a request to get informations about the user
@@ -105,4 +114,29 @@ ComunicWeb.components.menuBar.authenticated = {
 
 		}));
 	},
+
+	/**
+	 * Add search form element
+	 * 
+	 * @param {HTMLElement} navbarElem The target navbarlist element 
+	 * @return {HTMLElement} The user element
+	 */
+	addSearchForm: function(navbarElem){
+		//Create form element
+		var searchForm = createElem("form", navbarElem.parentNode);
+		searchForm.className = "navbar-form navbar-left";
+		searchForm.setAttribute("role", "search");
+
+		//Create form group
+		var formGroup = createElem("div", searchForm);
+		formGroup.className = "form-group";
+
+		//Create search input
+		var searchInput = createElem("input", formGroup);
+		searchInput.className = "form-control";
+		searchInput.placeholder = "Search...";
+		searchInput.type = "text";
+		searchInput.id = "navbar-search-input";
+		
+	}
 };
\ No newline at end of file