Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2025-11-04 04:04:20 +00:00
Code Issues Projects Releases Wiki Activity

Added search button

Browse Source
This commit is contained in:
Pierre
2017-05-26 11:38:37 +02:00
parent a23dc1c774
commit 2836de9ab6
3 changed files with 53 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/components/menuBar.css
View File

@@ -14,12 +14,18 @@
} }
/** /**
* Authenticated useres * Authenticated users
*/ */
header .dropdown .fa-gear { header .dropdown .fa-gear {
vertical-align: middle; 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 * Not authenticated users

5
assets/js/common/functionsSchema.js
View File

@@ -401,6 +401,11 @@ var ComunicWeb = {
* Add user name element * Add user name element
*/ */
addUserName: function(navbarElem){}, addUserName: function(navbarElem){},
/**
* Add search form element
*/
addSearchForm: function(navbarElem){},
}, },
}, },

48
assets/js/components/menuBar/authenticated.js
View File

@@ -14,17 +14,26 @@ ComunicWeb.components.menuBar.authenticated = {
//Create an auto-collapsed element //Create an auto-collapsed element
var navbarCollapse = createElem("div", container); var navbarCollapse = createElem("div", container);
navbarCollapse.id = "navbar-collapse"; navbarCollapse.id = "navbar-collapse";
navbarCollapse.className = "navbar-collapse pull-right collapse"; navbarCollapse.className = "navbar-collapse pull-left collapse";
//Create navbar elements list //Create navbar elements list
var navbarElemList = createElem("ul", navbarCollapse); var navbarCollapseElemList = createElem("ul", navbarCollapse);
navbarElemList.className = "nav navbar-nav"; 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 //Add user name
this.addUserName(navbarElemList); this.addUserName(navbarRightElemList);
//Add dropdown menu //Add dropdown menu
this.addDropdown(navbarElemList); this.addDropdown(navbarRightElemList);
}, },
@@ -37,7 +46,7 @@ ComunicWeb.components.menuBar.authenticated = {
addDropdown: function(navbarElem){ addDropdown: function(navbarElem){
//Create dropdown menu //Create dropdown menu
var dropdown = createElem("li", navbarElem); var dropdown = createElem("li", navbarElem);
dropdown.className = "dropdown"; dropdown.className = "dropdown dropdown-user-menu-action";
//Add dropdown button //Add dropdown button
var dropdownButton = createElem("a", dropdown); var dropdownButton = createElem("a", dropdown);
@@ -91,7 +100,7 @@ ComunicWeb.components.menuBar.authenticated = {
//Add user name //Add user name
var userNameElem = createElem("span", userlinkelement); var userNameElem = createElem("span", userlinkelement);
//userNameElem.className = "hidden-xs"; userNameElem.className = "hidden-xs";
userNameElem.innerHTML = "Loading..."; userNameElem.innerHTML = "Loading...";
//Make a request to get informations about the user //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";
}
}; };