mirror of
https://github.com/pierre42100/ComunicWeb
synced 2024-11-26 22:09:21 +00:00
Added about user box
This commit is contained in:
parent
5fc705c8dc
commit
bb3703bf1e
@ -20,6 +20,9 @@ ComunicWeb.pages.userPage.profileInfos = {
|
|||||||
//Create the main box
|
//Create the main box
|
||||||
this.createMainBox(infos, target);
|
this.createMainBox(infos, target);
|
||||||
|
|
||||||
|
//About user box
|
||||||
|
this.createAboutUserBox(infos, target);
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -60,33 +63,6 @@ ComunicWeb.pages.userPage.profileInfos = {
|
|||||||
innerHTML: infos.firstName + " " + infos.lastName
|
innerHTML: infos.firstName + " " + infos.lastName
|
||||||
});
|
});
|
||||||
|
|
||||||
//Create button area
|
|
||||||
var buttonsArea = createElem2({
|
|
||||||
appendTo: boxBody,
|
|
||||||
type: "div",
|
|
||||||
});
|
|
||||||
buttonsArea.style.textAlign = "center";
|
|
||||||
buttonsArea.style.marginTop = "2px";
|
|
||||||
buttonsArea.style.marginBottom = "2px";
|
|
||||||
|
|
||||||
if(signed_in()) {
|
|
||||||
|
|
||||||
if(userID() != infos.userID){
|
|
||||||
|
|
||||||
//Add a button to help user create a conversation with the user
|
|
||||||
var conversationButton = createElem2({
|
|
||||||
appendTo: buttonsArea,
|
|
||||||
type: "button",
|
|
||||||
class: "btn btn-default",
|
|
||||||
innerHTML: "<i class='fa fa-comments'></i>"
|
|
||||||
});
|
|
||||||
|
|
||||||
conversationButton.onclick = function(){
|
|
||||||
ComunicWeb.components.conversations.manager.openPrivate(infos.userID);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Add list of informations about user
|
//Add list of informations about user
|
||||||
var listInfos = createElem2({
|
var listInfos = createElem2({
|
||||||
appendTo: boxBody,
|
appendTo: boxBody,
|
||||||
@ -112,27 +88,11 @@ ComunicWeb.pages.userPage.profileInfos = {
|
|||||||
innerHTML: infos.number_friends
|
innerHTML: infos.number_friends
|
||||||
});
|
});
|
||||||
|
|
||||||
//Add user account creation time
|
|
||||||
var accountCreationLi = createElem2({
|
|
||||||
appendTo: listInfos,
|
|
||||||
type: "li",
|
|
||||||
class: "list-group-item"
|
|
||||||
});
|
|
||||||
createElem2({
|
|
||||||
appendTo: accountCreationLi,
|
|
||||||
type: "b",
|
|
||||||
innerHTML: "Member for"
|
|
||||||
});
|
|
||||||
createElem2({
|
|
||||||
appendTo: accountCreationLi,
|
|
||||||
type: "a",
|
|
||||||
class: "pull-right",
|
|
||||||
innerHTML: ComunicWeb.common.date.timeDiffToStr(infos.account_creation_time),
|
|
||||||
});
|
|
||||||
|
|
||||||
//Add user status informations (if required)
|
//Add user status informations (if required)
|
||||||
if(signed_in()){
|
if(signed_in()){
|
||||||
if(userID() != infos.userID){
|
if(userID() != infos.userID){
|
||||||
|
|
||||||
|
// Get user status
|
||||||
var userStatus = createElem2({
|
var userStatus = createElem2({
|
||||||
appendTo: boxBody,
|
appendTo: boxBody,
|
||||||
type: "div",
|
type: "div",
|
||||||
@ -140,8 +100,120 @@ ComunicWeb.pages.userPage.profileInfos = {
|
|||||||
});
|
});
|
||||||
userStatus.style.textAlign = "center";
|
userStatus.style.textAlign = "center";
|
||||||
ComunicWeb.pages.userPage.friendshipStatus.display(infos.userID, userStatus);
|
ComunicWeb.pages.userPage.friendshipStatus.display(infos.userID, userStatus);
|
||||||
|
|
||||||
|
//Add separator
|
||||||
|
userStatus.style.marginBottom = "5px";
|
||||||
|
|
||||||
|
//Create conversation button
|
||||||
|
var conversationButton = createElem2({
|
||||||
|
appendTo: boxBody,
|
||||||
|
type: "button",
|
||||||
|
class: "btn btn-default btn-block",
|
||||||
|
innerHTML: "<i class='fa fa-comments'></i> Conversation"
|
||||||
|
});
|
||||||
|
|
||||||
|
conversationButton.onclick = function(){
|
||||||
|
ComunicWeb.components.conversations.manager.openPrivate(infos.userID);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create the about the user box
|
||||||
|
*
|
||||||
|
* @param {Object} infos Informations about the user
|
||||||
|
* @param {HTMLElement} target The target for the box
|
||||||
|
*/
|
||||||
|
createAboutUserBox: function(infos, target){
|
||||||
|
|
||||||
|
//Create box root
|
||||||
|
var boxRoot = createElem2({
|
||||||
|
appendTo: target,
|
||||||
|
type: "div",
|
||||||
|
class: "box box-primary"
|
||||||
|
});
|
||||||
|
|
||||||
|
//Add box header
|
||||||
|
var boxHeader = createElem2({
|
||||||
|
appendTo: boxRoot,
|
||||||
|
type: "div",
|
||||||
|
class: "box-header with-border"
|
||||||
|
});
|
||||||
|
|
||||||
|
//Add box title
|
||||||
|
createElem2({
|
||||||
|
appendTo: boxHeader,
|
||||||
|
type: "h3",
|
||||||
|
class: "box-title",
|
||||||
|
innerHTML: "About " + infos.firstName
|
||||||
|
});
|
||||||
|
|
||||||
|
//Create box body
|
||||||
|
var boxBody = createElem2({
|
||||||
|
appendTo: boxRoot,
|
||||||
|
type: "div",
|
||||||
|
class: "box-body"
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
//Add user website (if any)
|
||||||
|
if(infos.personnalWebsite){
|
||||||
|
var userWebsite = createElem2({
|
||||||
|
appendTo: boxBody,
|
||||||
|
type: "strong"
|
||||||
|
});
|
||||||
|
createElem2({
|
||||||
|
appendTo: userWebsite,
|
||||||
|
type: "i",
|
||||||
|
class: "fa fa-link margin-r-5"
|
||||||
|
});
|
||||||
|
createElem2({
|
||||||
|
appendTo: userWebsite,
|
||||||
|
type: "span",
|
||||||
|
innerHTML: "Website"
|
||||||
|
});
|
||||||
|
var websiteLinkContainer = createElem2({
|
||||||
|
appendTo: boxBody,
|
||||||
|
type: "p",
|
||||||
|
class: "text-muted",
|
||||||
|
});
|
||||||
|
createElem2({
|
||||||
|
appendTo: websiteLinkContainer,
|
||||||
|
type: "a",
|
||||||
|
href: infos.personnalWebsite,
|
||||||
|
innerHTML: infos.personnalWebsite
|
||||||
|
}).target="_blank";
|
||||||
|
|
||||||
|
//Add separator
|
||||||
|
createElem2({
|
||||||
|
appendTo: boxBody,
|
||||||
|
type: "hr",
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//Add informations about membership
|
||||||
|
var membershipInfos = createElem2({
|
||||||
|
appendTo: boxBody,
|
||||||
|
type: "strong"
|
||||||
|
});
|
||||||
|
createElem2({
|
||||||
|
appendTo: membershipInfos,
|
||||||
|
type: "i",
|
||||||
|
class: "fa fa-clock-o margin-r-5"
|
||||||
|
});
|
||||||
|
createElem2({
|
||||||
|
appendTo: membershipInfos,
|
||||||
|
type: "span",
|
||||||
|
innerHTML: "Membership"
|
||||||
|
});
|
||||||
|
createElem2({
|
||||||
|
appendTo: boxBody,
|
||||||
|
type: "p",
|
||||||
|
class: "text-muted",
|
||||||
|
innerHTML: "Member for " + ComunicWeb.common.date.timeDiffToStr(infos.account_creation_time)
|
||||||
|
});
|
||||||
|
|
||||||
|
},
|
||||||
};
|
};
|
Loading…
Reference in New Issue
Block a user