mirror of
https://github.com/pierre42100/ComunicWeb
synced 2024-12-11 12:21:10 +00:00
193 lines
5.3 KiB
JavaScript
193 lines
5.3 KiB
JavaScript
/**
|
|
* Groups header
|
|
*
|
|
* @author Pierre HUBERT
|
|
*/
|
|
|
|
ComunicWeb.pages.groups.sections.header = {
|
|
|
|
/**
|
|
* Display groups page header
|
|
*
|
|
* @param {Object} info Information about the group to display
|
|
* @param {HTMLElement} target The target for the header
|
|
*/
|
|
display: function(info, target){
|
|
|
|
//Create header container
|
|
var headerContainer = createElem2({
|
|
appendTo: target,
|
|
type: "div",
|
|
class: "group-header box box-primary"
|
|
});
|
|
|
|
//Create a row
|
|
var row = createElem2({
|
|
appendTo: headerContainer,
|
|
type: "div",
|
|
class: "box-body row"
|
|
});
|
|
|
|
//First column
|
|
var firstColumn = createElem2({
|
|
appendTo: row,
|
|
type: "div",
|
|
class: "col-md-4 group-col-icon",
|
|
});
|
|
|
|
//Group icon
|
|
var groupIcon = createElem2({
|
|
appendTo: firstColumn,
|
|
type: "img",
|
|
src: info.icon_url,
|
|
class: "group-icon"
|
|
});
|
|
|
|
//Group name
|
|
var groupName = createElem2({
|
|
appendTo: firstColumn,
|
|
type: "span",
|
|
class: "group-name",
|
|
innerHTML: info.name
|
|
});
|
|
|
|
//Group tag (if any)
|
|
if(info.virtual_directory != "null"){
|
|
createElem2({
|
|
appendTo: firstColumn,
|
|
type: "small",
|
|
class: "group-tag",
|
|
innerHTML: "@" + info.virtual_directory
|
|
});
|
|
}
|
|
|
|
|
|
//Second column : Information about the company
|
|
var secondColumn = createElem2({
|
|
appendTo: row,
|
|
type: "div",
|
|
class: "col-md-4 col-info"
|
|
});
|
|
|
|
//Group URL (if any)
|
|
if(info.url != "null"){
|
|
var urlElem = createElem2({
|
|
appendTo: secondColumn,
|
|
type: "a",
|
|
class: "a",
|
|
href: info.url,
|
|
innerHTML: "<i class='fa fa-link'></i> " + info.url
|
|
});
|
|
urlElem.target = "_blank";
|
|
|
|
}
|
|
|
|
|
|
//Group description (if any)
|
|
if(info.description != "null")
|
|
createElem2({
|
|
appendTo: secondColumn,
|
|
type: "div",
|
|
innerHTML: "<i class='fa fa-file-text-o'></i> " + info.description
|
|
});
|
|
|
|
//Add separator
|
|
add_p(secondColumn, " ");
|
|
|
|
|
|
|
|
//Third column : information about the group
|
|
var thirdColumn = createElem2({
|
|
appendTo: row,
|
|
type: "div",
|
|
class: "col-md-4 col-metadata"
|
|
});
|
|
|
|
//Add join date
|
|
createElem2({
|
|
appendTo: thirdColumn,
|
|
type: "div",
|
|
innerHTML: '<i class="fa fa-clock-o"></i> Created '+ComunicWeb.common.date.timeDiffToStr(info.time_create)+' ago'
|
|
});
|
|
|
|
//Add number of members
|
|
var members = createElem2({
|
|
appendTo: thirdColumn,
|
|
type: "div",
|
|
innerHTML: '<i class="fa fa-group"></i> '+ info.number_members+' members'
|
|
});
|
|
|
|
//Check if the user is a moderator or an admin
|
|
if(info.membership == "administrator" || info.membership == "moderator"){
|
|
|
|
//Turn members information into a link
|
|
members.className = "a";
|
|
|
|
members.addEventListener("click", function(e){
|
|
|
|
openPage("groups/" + info.id + "/members");
|
|
|
|
});
|
|
}
|
|
|
|
//Group visibility
|
|
var visibility = {
|
|
open: "Open group",
|
|
private: "Private group",
|
|
secrete: "Secrete group"
|
|
};
|
|
createElem2({
|
|
appendTo: thirdColumn,
|
|
type: "div",
|
|
innerHTML: "<i class='fa fa-lock'></i> " + visibility[info.visibility]
|
|
});
|
|
|
|
//Group registration
|
|
var levels = {
|
|
open: "Open registration",
|
|
moderated: "Moderated registration",
|
|
closed: "Closed registration"
|
|
}
|
|
createElem2({
|
|
appendTo: thirdColumn,
|
|
type: "div",
|
|
innerHTML: "<i class='fa fa-pencil'></i> " + levels[info.registration_level]
|
|
});
|
|
|
|
|
|
//Display membership level
|
|
if(signed_in())
|
|
ComunicWeb.pages.groups.sections.membershipBlock.display(info, thirdColumn);
|
|
|
|
//Display follow block
|
|
if(signed_in() && ComunicWeb.components.groups.utils.isGroupMember(info))
|
|
ComunicWeb.pages.groups.sections.followBlock.display(info, thirdColumn);
|
|
|
|
//If the user is an admin, add a link to configure the page
|
|
if(signed_in() && info.membership == "administrator"){
|
|
|
|
var settingsLink = createElem2({
|
|
appendTo: thirdColumn,
|
|
type: "div",
|
|
class: "a",
|
|
innerHTML: " <i class='fa fa-gear'></i>Settings"
|
|
});
|
|
settingsLink.addEventListener("click", function(e){
|
|
openPage("groups/" + info.id + "/settings");
|
|
});
|
|
}
|
|
|
|
//Display likes block
|
|
ComunicWeb.components.like.button.display(
|
|
"group",
|
|
info.id,
|
|
info.number_likes,
|
|
info.is_liking,
|
|
createElem2({
|
|
appendTo: thirdColumn,
|
|
type: "div"
|
|
})
|
|
);
|
|
},
|
|
|
|
}; |