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

Progress on search user component

Browse Source
This commit is contained in:
Pierre
2017-05-27 11:57:05 +02:00
parent 0effce56c2
commit 32cf8601f7
6 changed files with 82 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -104,7 +104,7 @@ ComunicWeb.components.menuBar.authenticated = {
userNameElem.innerHTML = "Loading...";
//Make a request to get informations about the user
ComunicWeb.user.getUserInfos.getUserInfos("current", (function(userInfos){
ComunicWeb.user.userInfos.getUserInfos("current", (function(userInfos){
//Change user name
userNameElem.innerHTML = userInfos.firstName + " "+ userInfos.lastName;
@@ -124,7 +124,7 @@ ComunicWeb.components.menuBar.authenticated = {
addSearchForm: function(navbarElem){
//Create form element
var searchForm = createElem("li", navbarElem);
searchForm.className = "dropdown navbar-form navbar-left notifications-menu";
searchForm.className = "dropdown navbar-form navbar-left messages-menu";
searchForm.setAttribute("role", "search");
//Create form group

60
assets/js/components/searchForm/searchForm.js
View File

@@ -74,19 +74,71 @@ ComunicWeb.components.searchForm = {
params = {
query: textInput.value,
};
ComunicWeb.common.api.makeAPIrequest(apiURI, params, true, function(){
ComunicWeb.common.api.makeAPIrequest(apiURI, params, true, function(response){
//Continue only in case of success
if(response.error)
return false;
//Remove any remainging element in searchResultBox
console.log("result");
emptyElem(searchBoxContainer);
//Create menu list
var menuList = createElem("ul", searchBoxContainer);
menuList.className = "menu";
//Process each result
for(i in response){
//Retrieve userID
var userID = response[i];
//Display user informations
ComunicWeb.components.searchForm.displayUser(userID, menuList);
}
//Enable slimscroll
/*$(menuList).slimScroll({
$(menuList).slimScroll({
height: '200px',
}));*/
});
});
},
/**
* Display a user on the result list
*
* @param {Integer} userID The ID of the user to display
* @param {HTMLElement} menuList The target list menu
* @return {Boolean} True for a success
*/
displayUser: function(userID, menuList){
//Create user element
var userListElement = createElem("li", menuList);
var userLinkElement = createElem("a", userListElement);
//User account image
var userAccountImageContainer = createElem("div", userLinkElement);
userAccountImageContainer.className = "pull-left";
var userImage = createElem("img", userAccountImageContainer);
userImage.className = "img-circle";
userImage.alt = "User image";
userImage.src = path_assets("img/defaultAvatar.png");
//User name
var usernameElem = createElem("h4", userLinkElement);
usernameElem.innerHTML = "Loading...";
//Get informations about user
ComunicWeb.user.userInfos.getUserInfos(userID, function(userInfos){
//Apply informations
userImage.src = userInfos.accountImage;
usernameElem.innerHTML = userInfos.firstName + " " + userInfos.lastName;
});
},
}